3

私は jquery の初心者なので、高度なことはあまり理解できないかもしれませんが、ここに問題がありますnth-child(1)。 、しかし、私はそれを好きではありません）。ただし、 に変更するとnth-child(2)、何も選択されません。nth-child(3)を選択Something2し、 をnth-child(5)選択しsomething3ます。これは私には多すぎます！

<div id="navigation">
    <a href="#">Something</a> <br />
    <a href="#">Something2</a> <br />
    <a href="#">Something3</a> <br />
</div>

<script>
$('#navigation').find(">:nth-child(1)").css("font-weight", "bold");
</script>
4

2 に答える 2

4

:nth-child(1) 渡すインデックスはゼロベースであるため、2番目の要素を選択する必要があります。

問題は、セレクターに<br />タグが含まれていたことですが、これは予想外でした (私の観点から)。

HTML:

<div id="navigation">
    <a href="#">Something</a> <br />
    <a href="#">Something2</a> <br />
    <a href="#">Something3</a> <br />
</div>​

JavaScript:

$('#navigation').children().not('br').eq(1).css("font-weight", "bold");​

ライブデモ

于 2012-12-09T06:43:02.953 に答える
0

nth-child セレクターは、親の nth-child であり、親のセレクターに一致する nth-child ではなく、セレクターがこのセレクターの位置を保持していないため、最初は少し混乱します。

必要な div を取得するには、次のように 3n+1 を実行します。

$('#navigation:nth-child(3n+1)').css("font-weight", "bold");
于 2012-12-09T06:44:01.733 に答える