JQuery複雑なセレクタの問題

Question

簡単にする必要があります。私は各行にボタンを追加しています。そのボタンは、その行のいくつかのテーブルセルから情報を取得します。

<tr> 
    <td><img src='targetInfo' /></td> 
    <td></td> 
    <td> 
    <div>CLICKED ELEMENT</div> 
    </td> 
</tr> 

私が期待する：

this: $(this).closest('tr td:eq(0) img').attr('src');または

this: $(this).closest('tr>td:eq(0)>img').attr('src');

が動作するように、どちらも正常に動作しています。

現在、以下を使用する必要がありますが、これは最適ではないようです。私のセレクターには何が欠けていますか？

$(this).closest('tr').children('td:eq(0)').children('img').attr('src'); 

Answer 1

あなたの現在の作業ソリューションが最善のアプローチ（またはそれに類似のもののような、）です：

$(this).closest('tr').children('td:eq(0) > img').attr('src'); 

この問題については、回避することはできません木を上にしてから下に戻らなければならない。これを達成するにはいくつかの方法がありますが、1つのセレクターではできません。

Answer 2

試してみてください。

$(this).closest('tr').find('td').eq(0).find('img').attr('src'); 

か：

$(this).closest('tr').find('td:first').find('img').attr('src'); 

Answer 3

私は最近同様のことをしました。私は親と初子を使っただけです。

$(this).closest('tr').find('td:first-child img').attr('src')