jquery - jqueryで他のラベルと同じクラス名を持つ1つのラベルをスキップする方法

Question

jqueryで他のラベルと同じクラス名を持つラベルをスキップする方法

<label for="myCb1">test1</label>
<label for="myCb1">test</label>
<input type="checkbox" id="myCb1" value="1" />

myCb1 のラベルを呼び出そうとすると両方とも表示されるので、jquery を使用して 1 つのラベルをスキップする方法を教えてください

Answer 1

$('.class:first-child')

これは、今説明したように、それらが互いに隣接している場合です。

Answer 2

それらを一意に識別する ID を与えるか、次のようなセレクターを使用できます。

$("label[for=myCb1]:eq(0)") // Only selects the first label
$("label[for=myCb1]:eq(1)") // Only selects the second label

Answer 3

:eq疑似セレクターを次のように使用します。

$("label[for='myCb1']:eq(1)")

:eq返される要素のインデックスを指定できます。インデックスはゼロから始まります(つまり、最初の要素は index になります0)。

jQuery ドキュメント::eq疑似セレクター