jQuery - 通过内部文本查找标签

Question

我想知道是否可以通过其内部文本找到标签（或任何元素，实际上）。例如：

<label for="myCheckbox">SuperSweetCheckbox</label>

我想通过文本SuperSweetCheckbox找到它。

我知道这似乎有点违反直觉，但由于我正在开发的应用程序的性质，这似乎是必要的。我意识到我可以迭代每个标签，但如果可能的话，我宁愿避免该选项。

如果有人可以提供一些帮助，我将不胜感激。

Answer 1

使用选择器 :contains()

 var element = $("label:contains('SuperSweetCheckbox')");

匹配文本可以直接出现在所选元素内、该元素的任何子元素或其组合中。与属性值选择器一样，:contains() 括号内的文本可以写为裸词或用引号括起来。文本必须具有匹配的大小写才能被选择。

Answer 2

也许

$('label[value|="SuperSweetCheckbox"]')

根据：

http://api.jquery.com/attribute-contains-prefix-选择器/

或

$("label:contains('SuperSweet')")

根据

http://api.jquery.com/contains-selector/< /a>

Answer 3

这是建立在卡斯帕的答案的基础上的，但太大了，无法发表评论。

我认为这对其他人可能有用。

我使用了Caspar的解决方案，但发现空字符串 "" 被认为存在于任何字符串中，请参阅：

https ://stackoverflow.com/a/18399216/1063287。

在我的情况下，SuperSweetCheckbox 是一个动态值，有时是一个空字符串，在这种情况下，我不希望发生任何匹配逻辑。

使用 match() 创建伪函数似乎可行，请参阅：

https://stackoverflow.com/a /18462522/1063287。

您还可以使用 filter()，请参阅：

https://stackoverflow.com/a/15364327/1063287 ）。

下面是三个变体的示例 - :contains()、filter() 和自定义函数：

jsFiddle

jsFiddle 链接

jQuery

var myString = "Test";

//var myString = "";

// 01.  :contains() - matches empty string as well
$("ul li > label:contains(" + myString + ")").closest("li").addClass("matched").siblings("li").addClass("notmatched");

// 02.  filter()
$("ul li > label").filter(function() {
    return $(this).text() === myString;
}).closest("li").addClass("matched").siblings("li").addClass("notmatched");

// 03.  custom function
$.expr[':'].textEquals = $.expr.createPseudo(function(arg) {
    return function( elem ) {
        return $(elem).text().match("^" + arg + "$");
    };
});

$("ul li > label:textEquals(" + myString + ")").closest("li").addClass("matched").siblings("li").addClass("notmatched");

HTML

<ul>
<li>
<label>Test</label>
</li>
<li>Oh Nu</li>
</ul>

CSS

.matched {
background: yellow
}

.notmatched {
background: aqua;
}

Answer 4

我认为 :contains() 选择器就是您正在寻找的。在这里检查样品> http://api.jquery.com/contains-selector/

Answer 5

上面指定的所有内容都是非常独特的，但也请尝试一下，如果它不起作用，请告诉我。

VAR $YesitHas=$("lable").innerText("SuperSweetCheckBox");