如何添加新元素並隱藏現有的？

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 
}); 

然後當u要搶同一個元素或（不）：

$('.selected .test') 

Answer 2

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