用于通过类名和文本查找元素的选择器

Question

通过类名和文本查找元素的选择器是什么？例如：

<div class="a1">some text</div>
<div class="a1">some other text</div>
<div class="a2">some text</div>

假设我只关心带有“a1”类和“some text”的div元素。

提前致谢， 阿尔瓦罗

Answer 1

您可以像这样使用:contains()选择器：

$('.a1:contains("some text")');

Answer 2

您可以document.querySelectorAll()使用参数选择器"[class='a1']"，数组文字和展开元素将NodeList投射到Array，Array.prototype.find()以检查并匹配{{元素到变量或字符串文字的属性。

＆＃13;

＆＃13;

.textContent

＆＃13;

[...document.querySelectorAll("[class=a1]")]
.find(({textContent}) => textContent === "some text")
.style.color = "green";

＆＃13;

＆＃13;

＆＃13;