jQuery选择：选择TD，如果兄弟姐妹有的.class

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>