如何刪除<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(); 
    });