Question

我有问题要移除，隐藏在IdealForms上的<li></li>元素，它很容易隐藏起来，请看下面。但是，如何隐藏第4,5和6号元素？

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

Answer 1

您可以使用

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

Answer 2

使用CSS3选择器

如果您希望您的代码与使用选择器隐藏第一个和最后一个元素所做的一致，您可以执行类似的操作：

$('.idealsteps-nav li:nth-child(4)').hide();
$('.idealsteps-nav li:nth-child(5)').hide();
$('.idealsteps-nav li:nth-child(6)').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();
    });

如何在Ideal表单上使用jQuery删除<li> </li>元素

3 个答案: