一起使用 jQuery :has() 和 :contains() 选择器

2024-01-10

我有一个包含标签元素的列表项元素。我想选择列表项元素:has()选择器。标签元素内有我想要匹配的文本:contains()。是否可以用一行 jQuery 完成这两件事?如果不是,那么根据子标签元素的内容选择 li 元素的优雅方法是什么?

<li>
    <!-- I want to select this one -->
    <label>Label 1</label>
    <!-- more follows -->
</li>

您想要:

$("li:has(label):contains('Label 1')")

这将选择任何<li>两者都有一个<label>并包含文本Label 1它里面的任何地方。

$("li:has(label:contains('Label 1'))")

这将选择任何<li>有一个<label>该标签特别包含文本Label 1。 (第一个选择器将匹配如果“Label 1" is anywhere在 - 的里面<li>.)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

一起使用 jQuery :has() 和 :contains() 选择器 的相关文章