Как удалить <li></li> элемент с jQuery на идеальных формах

Question

У меня есть проблема с удалением, скрыть <li></li> элемент на IdealForms, его легко спрятать первым и последним, см. Ниже. Однако как скрыть элементы 4, 5 и 6?

$('.idealsteps-nav li:first').hide(); 
$('.idealsteps-nav li:last').hide(); 

Answer 1

С селектором CSS3

Если вы хотите, чтобы ваш код будет соответствовать тому, что вы сделали с Скрытие первый и последний элемент с селектором, вы можете сделать что-то подобное:

$('.idealsteps-nav li:nth-child(4)').hide(); 
$('.idealsteps-nav li:nth-child(5)').hide(); 
$('.idealsteps-nav li:nth-child(6)').hide(); 

Answer 2

Вы можете использовать

$('.idealsteps-nav li:not(:first,:last),').hide(); 

Answer 3

Html

<ul id="sortable"> 
    <li id="1" class="ui-state-default">First <a href='#' title='delete' class="itemDelete">x</a></li> 
    <li id="2" class="ui-state-default">Second <a href='#' title='delete' class="itemDelete">x</a></li> 
    <li id="3" class="ui-state-default">Third <a href='#' title='delete' class="itemDelete">x</a></li> 
</ul> 

JS

$('#sortable').on('click', '.itemDelete', function() { 
     $(this).closest('li').remove(); 
    });