Как добавить новый элемент и скрыть существующие?

Question

Я пытаюсь добавить '.test' в '#lig', и это работает, но, очевидно, загружает все элементы с тем же классом. Как бы это сделать, чтобы скрыть существующие и получить только «.test» из того же div?

<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