Question

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

Based on the table above, I need to:

• Highlight result column in red where the result is Failed
• Provide a “Retry” hyperlink in action column for those have failed.

Something like $(‘table.td.result).. (I am not sure about the correct syntax).

Answer 1

You can use :contains() for example:

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

You can try it out here. The :nth-child() part is so we’re only looking in the third column, and someone named “Little Bobby Failed” doesn’t cause a match in the second column by mistake.