jquery - 单击每个 li 即可获取同一类的所有 li 的 id

Question

我有一个如下所示的 DOM 元素

<ul id="names">
   <li id="aa" class="selected">aa</li>
   <li id="bb">bb</li>
   <li id="cc">cc</li>
   <li id="dd">dd</li>
</ul>

当我单击 li 元素时，“selected”类将添加到该元素。单击选定的 li 后，该类将被删除。现在，每次我单击 li 时，我都需要创建一个包含所有选定 li 元素的数组。

如果选择了 aa 和 bb，那么我的数组应该如下所示 ["aa", "bb"]当我使用 bb 并选择 cc 时，它应该变成 ['aa','cc']。该数组应该在单击 li 时创建，而不是在单击任何按钮时创建。

我如何通过查询来做到这一点？提前致谢

Answer 1

假设您想要一个 id 数组，其中该元素具有 selected 类，只需将元素的 id 映射到数组与 jQuery 的 map()，任何时候你需要获取它们:

var ids = $('#names .selected').map(function(){
    return this.id;
}).get();

JSFiddle