1

<h3>World!</h3>このサンプルシナリオの2番目の場合（要素はすべてのレベルで不明な要素であることに注意してください<..>）：

<div></div>
<div class="class1">
    <..>
        <h3>Hello!</h3>
        <..>
            <h3>World!</h3>
        </..>
    </..>
</div>

私たちが知っているのは：

  • Top Parent <div class="class1">とTarget Child Elements <h3>
  • 中間レベルはunknownsです。<p>または<div>または何でもすることができます<ul>。

nth-child(n)だからセレクターを使いたい。しかし、私はこのように使用することはできません：

$("div.class1 h3:nth-child(2)").html();

これで、セレクターは親要素のritenth-child(n)のみを選択できることに気付きました。Direct Child

nth-child(n)セレクターを使用して動作させることはできますか？

4

4 に答える 4

4 
$("div.class1 h3:eq(1)").html();

最初に深さh3の下にあるすべての を選択してから、2 番目のものを選択します。div.class1

于 2012-06-25T17:12:53.580 に答える
1

.eq()を探していると思います。

$('h3').eq(1).html();

この例では、jQuery はh3要素の配列を返し、配列内の 2 番目の項目を選択しています。

于 2012-06-25T17:11:42.533 に答える
0

$("div.class1 h3")2 つの h3 の配列が得られます。SO を使用$("div.class1 h3")[1]して、2 番目に一致する要素を取得できます。

于 2012-06-25T17:12:18.803 に答える
0

h3 を含むクラス内のすべての要素を検索し、それぞれの最後を分離します

デモ: (ネストされたバージョン) http://jsfiddle.net/3daHU/1/

$("div.class1 *:has(h3)").each(function(){   
    $(this).children('h3:last').css('color','red')
})
于 2012-06-25T17:20:28.747 に答える