javascript - 如果链接在父元素内，我如何更改父元素的类？

Question

基本上，如果我的第一个<td>在我的<tr>有一个 <a>里面的元素，我需要改变我的 <tr> .这是我现在所能解释的最好的。示例代码如下。我考虑过使用 document.links但我不知道这是不是要走的路。

之前:

<tr>
    <td>11001122334</td> <!-- Number will be a link once the page loads due to a browser extension -->
    <td>Valid</td>
    <td>Still Valid</td>
</tr>

之后:

 <tr class="valid">
    <td><a href="#">11001122334</td></a> <!-- Number will be a link once the page loads due to a browser extension -->
    <td>Valid</td>
    <td>Still Valid</td>
</tr>

Answer 1

jQuery('tr td:first-of-type a').parent('tr').addClass('addedClass');

这是一个 fiddle :https://jsfiddle.net/pqgsmgo1/1/

解释:

jQuery('tr td:first-of-type a')

选择 tr 中第一个 td 的后代的任何 a 元素

.parent('tr')

选择所选 a 元素的父元素

.addClass('addedClass')

将“addedClass”类添加到所选元素