在DOM中查找父值以获取子值

Question

我有这个html表：

<table id=mytable>
<tr>
<td>
Mark
</td>
<td>
Susan
</td>
</tr>
</table>

在javascript的某个地方发生了一个事件，我可以获取名称，这是表格中的名称之一。 从javascript / jquery我需要找到包含名称和颜色的td元素。 我尝试过：

$("#mytable").find("td:contains('Mark')").parent().css('background-color', 'red'); 

但是td元素没有变色。

Answer 1

我相信你需要尝试这个：

$("#mytable").find("td:contains('Mark')").css('background-color', 'red');

DEMO

OR

$("#mytable td:contains('Mark')").css('background-color', 'red');

DEMO

Answer 2

您已经选择了td您尝试将颜色添加到tr的所选td的父亲：

$("#mytable").find("td:contains('Mark')").css('background-color', 'red'); 

这就是为什么你的例子应该突出显示td作为tr

的颜色