Question

S/N     Name        Result      Action
--------------------------------------
1       Mike        Passed      
2       Mark        Failed      
3       Mary        Failed

根据上表，我需要：

突出显示结果列为红色，结果为失败
在操作列中为失败的人提供“重试”超链接。

像$（'table.td.result）..（我不确定正确的语法）。

Answer 1

您可以使用:contains()例如：

$("#myTable td:nth-child(3):contains('Failed')").addClass("failed")
       .next().append("<a href='#'>Retry</a>");

You can try it out here。 :nth-child()部分是这样的，我们只是在第三列中查找，名为“Little Bobby Failed”的人不会错误地在第二列中引起匹配。

Answer 2

$("table td:contains('Failed')").css('background-color','red').next('td').append("<a href='http://www.example.com'>Retry</a>");

请参阅http://jsfiddle.net/adamzr/rZGUc/

Answer 3

要选择“失败”文本，您可以使用此选择器：

$("td:contains('Failed')")

JQuery有条件地选择表格单元格，下一个表格单元格

3 个答案: