JQuery选择器：如果兄弟有.class，请选择td

Question

你好我想选择行的第一个td，如果该行中有一行有.foo类

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

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

注意：稍后我需要在节点上附加一个字符串“Welcome to”。 I.E：“欢迎来到荷兰”。 注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>