JQuery удалить все элементы для первого одного

Question

Использование JQuery удалить, как я могу удалить все теги пролетных за исключением первого, за исключением ..

EDIT

var html = var htm = $("#addin").find(".engagement_data:last-child").find(".keys_values").html(); 
    html=' 
     <span style="display:block;" class="k_v"> 
     <innput type="text" class="e_keys" style="width:65px;" placeholder="key"/> 
     <input type="text" class="e_values" style="width:65px;" placeholder="value"/> 
     </span> 
     <span style="display:block;" class="k_v"> 
     <input type="text" class="e_keys" style="width:65px;" placeholder="key"/> 
     <input type="text" class="e_values" style="width:65px;" placeholder="value"/> 
     </span> 
'; 

Answer 1

Используйте этот селектор:

$('span:not(first-child)') 

Итак, ваш код:

$('span:not(first-child)').remove(); 

Answer 2

Try с:

$(html).not(':first').remove(); 

или быть более конкретными:

$(html).not('span:first').remove(); 

Чтобы удалить его из DOM, вместо html переменной, используйте селектор:

$('#addin .engagement_data:last-child .keys_values').not('span:first').remove(); 

Answer 3

Попробуйте

$('html').not(':first').remove(); 

Answer 4

Или, как альтернатива:

$('span').slice(1).remove(); 

среза()
Учитывая объект JQuery, который представляет собой набор элементов DOM, метод .slice() создает новый объект JQuery, содержащий подмножество элементов, заданных начальным и, необязательно, аргументом конца.

начать
Тип: Integer
целое число, указывающее положение 0 на основе, по меньшей которой элементы начинают быть выбраны. Если значение отрицательное, это означает смещение от конца набора.

Источник: https://api.jquery.com/slice

Поэтому $('span').slice(1).remove() подберет, и удалить все элементы после первой инстанции.

Answer 5

Вышеупомянутый может работать для конкретного примера, если в содержимом нет ничего другого, кроме дочерних элементов того типа, который вы ищете. Но вы столкнетесь с проблемами с более сложной разметкой:

<ul id="ul-id" class="f-dropdown tiny" data-dropdown-content=""> 
    <li> 
    <div id="warningGradientOuterBarG" class="barberpole"> 
    <div id="warningGradientFrontBarG" class="warningGradientAnimationG"> 
     <div class="warningGradientBarLineG"></div> 
    </div> 
    </div> 
    </li> 
    <li>foo</li> 
    <li>bar</li> 
</ul> 

---

var $ul = $('#ul-id') 
$ul.not(':first') //returns nothing 
$ul.find(':first') // returns first <li> 
$ul.find(':not(:first)') //returns the inner divs as well as the last two li's 
$('#ul-id li:not(first-child)') // this returns all li's 
$('#ul-id li:not(:first)') // this works: returns last two li's 
$ul.find('li').slice(1) // this also works and returns the last two li's 
$ul.find('li').slice(1).remove() // and this will remove them