2015-03-31 2 views
-4

У меня есть 4 див как следующийУдалить DIV с тем же классом, за исключением одного

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

Я хочу, чтобы держать 1 из дивы и удалить другие. Как я могу достичь этого с помощью 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 
    } 

}); 
+0

Какой div вы хотите сохранить? Я имею в виду 1s или 2-й 3rd 4th. который вы хотите сохранить? – Butterfly

+1

'$ (". FixedHeader_Cloned: lt (3) "). Remove()' и т. Д., Для уточнения выбора существует тридцать методов jQuery. – adeneo

+0

Сокращенный для постоянного оскорбления в ваших вопросах редактирования. Это не только разрушительно, но и создает работу по редактированию, и вы можете быть отстранены от нее. – halfer

ответ

4

попробовать это:

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

Example

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

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

+0

Почему петля? просто удалите класс и добавьте селектор .not(). –

+0

С помощью цикла вы можете легко удалить элементы по сложному индексу или ситуации. Итак, еще одна альтернатива. – rogeriolino

3

Попробуйте

$('.FixedHeader_Cloned:not(:last-child)').remove(); 
Смежные вопросы