如何在理想表单上使用 jQuery 删除 <li></li> 元素 [重复]答案

【问题标题】：How to remove <li></li> element with jQuery on Ideal forms [duplicate]如何在理想表单上使用 jQuery 删除 <li></li> 元素 [重复]
【发布时间】：2015-06-20 16:58:22
【问题描述】：

我有问题要删除，在 IdealForms 上隐藏 <li></li> 元素，它很容易首先隐藏和最后隐藏，请参见下文。但是如何隐藏元素编号 4、5 和 6？

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

【问题讨论】：

标签： javascript jquery idealforms

【解决方案1】：

使用 CSS3 选择器

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

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

【讨论】：

正确答案！！谢谢
在这种情况下，li:nth-of-type(4) 也应该产生等效的结果。由于列表中不应有除li 之外的其他元素类型。

【解决方案2】：

你可以使用

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

【讨论】：

如果我想保留 1,2,3 和 7 只删除 4,5,6 怎么办
@FenixDolores 那么你应该去找 Tao P.R. 的答案。我刚刚看到您的代码，并认为您只想保留第一个和最后一个以外的其他元素

【解决方案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>

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

【讨论】：