html - jQuery根据不同的属性选择多个项目

Question

我想根据数据属性选择多个项目。每个项目都有不同的 data-id 属性。

<div class="foo" data-id="1"></div>
<div class="foo" data-id="2"></div>
<div class="foo" data-id="3"></div>
<div class="foo" data-id="4"></div>
<div class="foo" data-id="5"></div>

例如，查找数据 ID 为 2,3,5 的项目，这意味着返回 3 个项目（数据 ID 是唯一的）

这可以一次选择完成，还是我需要循环所有 foo 并检查 data-id？

标签： htmljquery

Answer 1

也许不太理想，但绝对可以使用单个选择器来做到这一点：

$('.foo[data-id="2"],.foo[data-id="3"],.foo[data-id="5"]')

如果 ID 列表可能会更改，或者包​​含多个 ID，那么 Majed Badawi 的答案会更好。