Question

I am trying to append .test to #lig and this works but obviously loads all the elements with the same class. How would I have it so that it would hide the existing and only get the .test from the same 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

友情链接