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");