jQuery：包含html

Question

我有一个表，其中包含逗号分隔的数字列表如下：<td>72,76,81</td>。我试图选择不包含包含特定数字的表格单元格。这个选择的工作：

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

的问题是，有可能是含有“576”的行或“761”等

为了解决这个问题，我决定把周围每个<span>号码，现在是：<td><span>72</span>,<span>76</span>,<span>81</span></td>。我的选择是现在：

$("td:not(:contains('<span>76</span>'))", $table)

当我调试此选择在Firebug，它正在恢复，而不是正确<td> s表示实际上并不存在于HTML源代码一些跨度标签。

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

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

Answer 1

如果你想坚持<span> S，这样的作品，甚至使用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) constructor syntax：

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跨度：没有（：含有（'76' ））”，$表）.parent（）

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

Answer 3

我会用一个正则表达式来匹配表格行的内部。在所有的元素首先迭代则忽略匹配正则表达式

这里说的那些是基本的，将匹配：

/^76$/g 

退房RegExr建立更多的正则表达式。

Answer 4

为了避免 '包含' 的问题，你会令他们如类：

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

和：

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

这可能被调整为具有在1个对象倍数也为：

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

甚至放入TD本身甚至更简化了选择器

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

Answer 5

为此，您可能无法使用: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 6

测试使用jQuery 1.2.6

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

 

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