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

Question

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

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

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

Answer 1

：eq 擬似を使用する-selectorなど：

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

：eq を使用すると、返される検索要素のインデックスを指定できます。インデックスはゼロベースです（つまり、最初の要素はインデックス 0 になります）。

  

jQueryドキュメント：：eq 擬似セレクター

Answer 2

$（ '。class：first-child'）

これは、先ほど説明したように、それらが隣り合っている場合です。

Answer 3

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

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