javascript - JQuery 选择器 : select td if sibling has . 类

Question

您好，如果该行之一具有 .foo 类，我想选择该行的第一个 td

<tr>
    <td>Holland</td>
    <td>Usa</td>
    <td>Japan</td>
    <td class="foo">France</td>
    <td>Spain</td>
</tr>

所以在这段代码中我想得到 Holland。

注意:稍后我需要将字符串“Welcome to”附加到节点。即:“欢迎来到荷兰”。注意2:我的html代码中有多行和多个表元素，所以找到我需要的好的选择器并不容易

Answer 1

使用:has() 和 :first-child 为此

$("tr:has(td.foo) td:first-child").css('color', 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Holland</td>
    <td>Usa</td>
    <td>Japan</td>
    <td class="foo">France</td>
    <td>Spain</td>
  </tr>
  <tr>
    <td>Holland</td>
    <td>Usa</td>
    <td>Japan</td>
    <td>France</td>
    <td>Spain</td>
  </tr>
  <tr>
    <td>Holland</td>
    <td>Usa</td>
    <td>Japan</td>
    <td class="foo">France</td>
    <td>Spain</td>
  </tr>
</table>