javascript - 迭代未排序列表中的选定项目

Question

我目前正在开发一个远程文件浏览器，允许用户选择多个文件并一起删除选定的文件。该列表本质上是一个样式化的无序列表:

<ul class="nav">
  <li><a>File one</a></li>
  <li><a>File two</a></li>
  <li><a>File three</a></li>
  <li><a>File four</a></li>
</ul>

我添加了一个 jQuery 脚本，该脚本在单击时将样式类添加到 li(即突出显示该项目):

var lis = $('.nav li a').click(function(e){
    if(!e.ctrlKey) {
         lis.removeClass("selected");      
    }
    $(this).toggleClass("selected");    
});

现在我想实现一个删除功能，该功能必须决定选择哪些文件，但我不确定执行此操作的最佳方法是什么。

最简单的方法是循环遍历 li 条目并检查哪些条目的样式为“selected”类。

这种方法可取吗？也就是说，使用类作为标志是一个好主意吗？

Answer 1

您可以简单地使用类选择器来构建所需的选择器。无需迭代所有 li 元素并检查所选类是否存在:

$('.selected');

删除选定的 anchor :

$('.selected').parent().remove()

或

$('li:has(.selected)').remove()