Question

我试图将'.test'附加到'#lig'并且这可以工作，但显然加载了具有相同类的所有元素。我怎么能拥有它以便隐藏现有的并且只从同一个div获得'.test'？

<div class="qq">
    <a href="image1.jpg" class="more">More</a>
    <a href="http://yahoo.com" class="test">Yahoo</a>
</div>

<div class="qq">
    <a href="image2.jpg" class="more">More</a>
    <a href="http://google.com" class="test">Google</a>
</div>

<div id="lig"></div>



$('.test').appendTo('#lig');

Answer 1

您是否尝试将类添加到当前显示或选定的元素中？

$('.qq').click(function(){
  $(this).addClass('selected');
  //..append to #lig
});

然后当你想要抓住相同的元素或（不）时：

$('.selected .test')

Answer 2

$('#lig .test')
   .hide() // hide existing .test
   .parent() // back to #lig
   .append('.test'); // append .test

如何追加新元素并隐藏现有元素？

2 个答案: