如何根据选择器查询检查 javascript DOMElement

【问题标题】：how to check a javascript DOMElement against a selector query如何根据选择器查询检查 javascript DOMElement
【发布时间】：2019-03-09 06:24:22
【问题描述】：

我在变量中有一个 DOM 元素，比如

<div>
    <div id="hello"></div>
</div>
...
var a = document.getElementById("hello");

那么我需要知道a 是否会被此选择器查询捕获

"div>div.stuff"

如何检查存储的 DOMElement 是否满足选择器查询？

【问题讨论】：

【解决方案1】：

您可以检查元素.matches是否传递了选择器字符串：

var a = document.getElementById("hello");
console.log(a.matches("div>div.stuff"));

<div>
    <div id="hello"></div>
</div>

var a = document.getElementById("hello");
console.log(a.matches("div>div.stuff"));

<div>
    <div id="hello" class="stuff foobar"></div>
</div>

【讨论】：