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>

所以我想要发生的是页面加载，所有DIV都有一个'child'类要附加到与类相同id的DIV：child DIV的rel属性。任何人都可以帮忙吗？

Answer 1

您的字符串连接错误。它应该是：'#' + $(this).attr('rel')。而且您需要将其置于.each()的调用中。

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

说明：在您的代码中，$(this)指的是document。为了引用.child div，您需要遍历它们。

页面加载时jQuery appendTo

1 个答案: