删除相同类的第二个div

时间:2015-02-05 13:58:43

标签: jquery class

在我的HTML中有两个具有相同类的div。如果我想逐个删除div,它们都会被删除。我怎样才能(在使用Jquery时)逐个删除第二个div?有没有办法让它“跳过”它找到的第一个div?

代码如下所示:

<div class="wrapper">
  <div class="randomdiv">
    <div class="oneofthetwodivs">
    </div>
  </div>
  <div class="randomdiv"></div>
  <div class="randomdiv"></div>
  <div class="oneofthetwodivs">
</div>

3 个答案:

答案 0 :(得分:9)

您可以使用eq()来定位该类的第二个元素(它基于零):

$('.oneofthetwodivs').eq(1).remove();

答案 1 :(得分:3)

这应该有效:

$(".oneofthetwodivs").eq(1).remove();

$(".oneofthetwodivs:last").remove();

答案 2 :(得分:-1)

您想在课堂上使用:nth-of-type(2)

&#13;
&#13;
$(document).ready(function() {
    $('.removeMe:nth-of-type(2)').hide();
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="removeMe">This is the first div</div>
<div class="removeMe">This is the SECOND div, should not show</div>
<div class="removeMe">This is the third div</div>
&#13;
&#13;
&#13;