jQueryのセレクタは：選択tdは、兄弟は

Question

こんにちは、私はその行の一つは、私が取得したいと思い、このコードではそう.fooというクラス

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

を持っている場合は、行の最初のTDを選択したい.classファイルがある場合オランダ。

注：後でノードに「ようこそ」という文字列を追加する必要があります。 I.E：「オランダにようこそ」。 注2：私が

Answer 1

使用することを

$("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>

ため :has()と :first-childを必要とする優れたセレクタを見つけることは簡単ではありませんので、私は私のhtmlコードの複数の行と複数のテーブル要素を持っています