查找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"); 
    } 
});