查找HTML文本和標籤父

Question

有這樣的結構

<tr class=""> 
    ...    
         <span class="">my-marker-1</span> 
    ... 
</tr> 

如何找到只有一個字「標記」，並給予TR一類特殊的？

Answer 1

您可以使用:contains()選擇：

$("tr:contains(my-marker-1)").addClass("my-class-1"); 

但是，你應該知道，:contains()執行通配符搜索元素的文本，因此它將匹配cat,category或pit,capital。如果這對你來說太寬泛，你可以使用filter()：

$("tr").filter(function() { 
    return $(this).find("span").text() == "my-marker-1"; 
}).addClass("my-class-1"); 

Answer 2

嘗試類似這樣的東西。

$("tr td span.label-field").val("marker").closest("tr").addClass("special"); 

Answer 3

假設你想一類適用於所有TR s的包含文本包含單詞「標記」跨班級tabledrag-leaf，這會做你需要什麼：

$('tr.tabledrag-leaf td').filter(function() { 
    return $(this).children('span.label-field').html().indexOf('marker') !== -1; 
}).parent().addClass('has-marker'); 

見jQuery.filter()詳細瞭解這是如何工作的。

Answer 4

如果「標記」總是要在一個跨度：

$("span").each(function() { 
    if ($(this).text() == "my-marker-1") { 
     $(this).parent("tr").addClass("special_class"); 
    } 
});