jQueryのappendToは、ページのロードに

Question

[OK]を、関連するHTML：

<div rel="" id="CartridgeDisplays" class="category section "> 
    <h3 class="categoryTitle parent">Cartridge Displays</h3>     
</div> 

<div rel="" id="ColdCastBronzeresinFigurines" class="category section "> 
    <h3 class="categoryTitle">Cold Cast Bronze resin Figurines</h3>    
</div> 

<div rel="CartridgeDisplays" id="Collectableitems" class="category section child"> 
    <h3 class="categoryTitle">Collectable items</h3>     
</div> 

<div rel="CartridgeDisplays" id="CommercialDisplaysandClocks" class="category section child"> 
    <h3 class="categoryTitle">Commercial Displays and Clocks</h3>    
</div> 

そして、これはjQuery：だから何が起こるたいのは

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.child').appendTo($('# + $(this).attr('rel') + ')); 
    }); 
</script> 

を、ページのロードには 'のクラスを持つすべてのDIVのですクラスDIVのrel属性と同じIDを持つDIVに追加される子要素です。誰もこれで助けることができますか？

Answer 1

文字列の連結が正しくありません。それは：'#' + $(this).attr('rel')でなければなりません。そして、それを.each()への電話に入れる必要があります。

$('.child').each(function() { 
    $(this).appendTo('#' + $(this).attr('rel')); 
}); 

説明：あなたのコードでは、$(this)はdocumentを指します。 .child divを参照するには、divを反復処理する必要があります。