页面加载时的 jQuery appendTo

Question

确定相关 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>

所以我想要发生的是在页面加载时，将所有带有“child”类的 DIV 附加到与 class:child DIV 的 rel 属性具有相同 id 的 DIV 中。谁能帮忙解决这个问题吗？

Answer 1

你的字符串连接是错误的。它应该是:'#' + $(this).attr('rel')。您需要将其放入对 .each() 的调用中。

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

说明:在您的代码中，$(this) 指的是文档。为了引用 .child div，您需要迭代它们。