javascript - jquery 匹配多个数据组(仅当它们都为真)

Question

我有关于元素的数据组

data-foo
data-bar

我想要一个 jquery 选择器来选择 foo 和 bar 都匹配的项目，例如

$("[data-foo='blah'],[data-bar='quax']")

将选择 data-foo = 'blah' 所在的元素和 data-bar='quax'现在看来我得到的结果是 data-foo=blah或 data-bar=quax .我需要这个是 data-foo=blah和 data-bar=quax

Answer 1

去掉逗号就行了本质上，这是一个 OR 选择器。如果没有逗号，它会同时查找两者。

console.log($("[data-foo='blah'],[data-bar='quax']").length) // 3 = not what you want 
console.log($("[data-foo='blah'][data-bar='quax']").length) // 1 = what you want
console.log($("[data-foo='blah'][data-bar='quax']").html()) // Just to make sure its the right one

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div data-foo="blah" data-bar="quax">Both</div>
<div data-foo="blah">Foo</div>
<div data-bar="quax">Bar</div>