2011-07-22 20 views
1

下の画像の青いハイライト表示された行をターゲットにして、<td>の前に追加しようとしています。これをjQueryでどのようにターゲットにしますか? (画像)

enter image description here

私が試した...

$('#wpf-wrapper .wpf:nth-child(2) tr:nth-child(2)').prepend('<td class="emblem"></td>'); 

しかし、それは働いていません。何か不足していますか?

+1

DOMを変更することができれば、これははるかに簡単です。 –

+0

@ Dr.Molle本当ですか?折りたたまれたセクションの行には、子要素のみが表示されます。 – s4y

答えて

3

#wpf-wrapperの3番目の子は第3番ではありません.wpf;それは#trailです。さらに、:nth-child(2)は、3番目ではなく2番目の子を選択します。代わりに

使用:eq()は:

$('#wpf-wrapper .wpf:eq(2) tr:nth-child(2)').prepend('<td class="emblem"></td>'); 
+0

ありがとう、完璧に動作します。 – J82

1
$(".wpf:eq(1) .forumsList tr:eq(1)").prepend('<td class="emblem"></td>'); 
1
$('#wpf-wrapper .wpf').eq(2).find('tr').eq(1).prepend('<td class="emblem"></td>'); 
2

:nth-child()セレクタは、アカウントすべての子どもになります。代わりに:eq()を使用してみてください。これはセレクタの結果セットからのみカウントされます。

関連する問題