Question

我有4个div，如下所示

<div class="FixedHeader_Cloned fixedHeader FixedHeader_Header">
  ...
</div>

我想保留1个div并删除其他div。如何使用jquery实现此目的？我尝试使用以下代码执行此操作，但我不知道如何从此处实际删除要删除的元素。

$(document).ready(function()
{
    var count = 0;
    $(".FixedHeader_Cloned").each(function()
    {
        count++;
    });
    for(i=1; i<count; i++)
    {
      // iterate through one by one and delete them like an element from array
    }

});

Answer 1

试试这个：

$(".FixedHeader_Cloned").not(':last-child').remove();

Example

Answer 2

试试这个

$('.FixedHeader_Cloned:not(:last-child)').remove();

Answer 3

$(".FixedHeader_Cloned").each(function(i, e) {
    if (i > 0) {
        $(this).remove();
    }
});

JSFiddle：http://jsfiddle.net/rogeriolino/3xfszqw5/

删除除一个以外的同一个类的div

3 个答案: