JQuery select或：select td 如果兄弟姐妹有 .class

Question

你好我想 select 一行的第一个 td 如果其中一行有 .foo class

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

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

注意：稍后我需要将字符串 "Welcome to" 附加到节点。即："Welcome to holland"。注 2：我的 html 代码中有多行和多个 table 元素，因此要找到好的 select 或我需要的

并不容易

Answer 1

为此使用:has() and :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>

JQuery select或：select td 如果兄弟姐妹有 .class

JQuery selector: select td if sibling has .class

javascript

jquery

jquery-selectors