jQuery ：包含 html

Question

我有一个表，其中包含逗号分隔的数字列表，如下所示：72,76,81。我正在尝试选择不包含特定数字的表格单元格。此选择器有效：

$("td:not(:contains('76'))", $table)

问题是可能有包含“576”或“761”等的行 为了解决这个问题，

我决定在每个数字周围放置一个 ，这样现在就变成：72,<跨度>76、<跨度>81。我的选择器现在是：

$("td:not(:contains('76'))", $table)

当我在 Firebug 中调试此选择器时，它是返回一些 HTML 源代码中实际不存在的 span 标记，而不是正确的 。

基本上，将 '' 放入 :contains() 字符串中会破坏选择器。是否有任何类似于 :contains() 的选择器在将 HTML 传递给它时可以正常工作？或者有什么方法可以通过 内的整个字符串进行选择？

顺便说一句，这个网站使用的是 jquery 1.3.2。

Answer 1

如果您想坚持使用 ，即使使用 jQuery 1.3.2，这也可以：

var $tds = $("table td").filter(function() {
    return !$(this).find('span').filter(function () {
        return $(this).text() === '76';
    }).length;
});

http://jsfiddle.net/mattball/PFk8H/

---

另一方面，如果您想回到旧的标记，实际上非常容易：

var $tds = $("table td").filter(function() {
    return !$(this).text().match(/\b76\b/);
});

http://jsfiddle.net/mattball/L6AFz/

---

要在正则表达式中使用变量，请使用 new RegExp(string) 构造函数语法：

var n = 76,
    re = new RegExp("\\b" + n + "\\b");

var $tds = $("table td").filter(function() {
    return !$(this).text().match(re);
});

http://jsfiddle.net/mattball/hKQH7/

Answer 2

试试这个：

$("td span:not(:contains('76'))", $table).parent()

$("td span", $table).filter(function(){return $(this).text() != '76';}).parent()

Answer 3

您可能无法为此使用 :contains 。正如您所说 :contains('76') 将匹配 '76'、'576'、'761' 等。您可以尝试使用 .filter 来获取你想要什么。

$('td:has("span")').filter(function(){
    var x = true;
    $('span', this).each(function(){
        x = x && $(this).text() != '76';
    });
    return x;
});

演示：http://jsfiddle.net/KvK3J/

Answer 4

使用 jQuery 1.2.6 进行测试

http://jsfiddle.net/G27JF/4/

$("td>span").filter(function() { 
    return ($(this).text() != 76);
}).parent().css("text-decoration", "underline");

Answer 5

为了避免“包含”问题，您可以将它们作为类：

<span class="76"></span>

并且：

$("td:not(:has(span.76)"), $table)

这也可以调整为在 1 个对象中包含多个：

<span class="76 77 78"></span>

或者甚至放入 TD 本身，从而进一步简化选择器

$("td:not(.76 .77, $table)

Answer 6

我将使用正则表达式来匹配表行的内部。首先迭代所有元素，然后忽略与正则表达式匹配的元素

这是一个将匹配的基本元素：

/^76$/g

查看 RegExr 构建更多正则表达式。