如何通过 jQuery 将 :contains(text) 与任何文本一起使用

Question

使用 jQuery，可以使用：

$(":contains(hello)")

它将返回包含文本“hello”的任何匹配元素。

我希望能够匹配任何文本，尤其是“你好:)”。

$(":contains(hello :))") // Doesn't work
$(":contains('hello :)')") // Doesn't work
$(":contains('hello :\)')") // Doesn't work

如何使用 jQuery 查找包含“hello :)”的元素？

Answer 1

请参阅此答案了解具体方法。

它基本上涉及 .filter 来绕过 已知的 :contains bug：

$('#demo').filter(function(i, el) {
    return !!$(el).text().match(/hello :\)/);
});

实时示例。

请注意，即使只有一个元素包含该文本，对其结果执行 .length 也可能会得到一个大于 1 的值，因为该元素的父元素也会匹配。

Answer 2

这似乎是一个未解决的错误： http://bugs.jquery.com/ticket/5482

Jakkob 的声明如下：

我还发现错误仅出现
如果括号位于最末尾
包含表达式。

Answer 3

来自 jQuery：

如果您想使用任何元字符（例如 !"#$%&'()*+,./:;<=>?@[]^`{|}~ ）作为名称的文字部分，您必须使用两个反斜杠转义字符：\\

所以请尝试此操作

$(":contains('hello \\:\\)')")

Answer 4

快速代码：

jQuery.fn.contains = function(re) {
  return this.filter(function(i, el) {
    return !$(el).text().match(RegExp(re));
  });
};

您可以这样做：

$("*").contains(":\\)") // returns all elements in the page that contains ':)'

注意： contains() 接受正则表达式（这意味着您需要转义正则表达式需要转义的任何内容）