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>