3

次のマークアップがあります。

<li>
<span>Hi</span>
<a href="#">Link</a>
<span>Bye</span>
</li>

2番目をターゲットにするにはどうすればよいspanですか? の 3 番目の子にはアクセスしたくありませんliが、 の 2 番目のスパンにアクセスしますli。

4

4 に答える 4

3

jQuery のeq()セレクターを使用spanして、li要素の 2 番目を取得できます。

$("li span").eq(1)

eq()2 番目のスパンへの参照を含む jQuery オブジェクトを返します。そのため、引き続き jQuery メソッドを呼び出すことができます。

2 番目のスパンの HTML 要素を取得する場合は、代わりにこれを使用できます。

$("li span")[1];
于 2012-12-22T22:29:00.083 に答える
2

CSS nth-child で jquery セレクターを使用します。

$('li span:nth-child(2)')
于 2012-12-22T22:31:28.400 に答える
0

次のセレクターを試すことができます。

$('li').children('span').eq(1);
于 2012-12-22T22:28:23.013 に答える
0

試してみてください：jquery参照を追加して、このスクリプトを使用してください

<script>
    $("li span:nth-child(2)").append("<span> - 2nd!</span>");
</script>
于 2012-12-22T22:31:42.167 に答える