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

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