Как пропустить один ярлык с тем же именем класса другого в JQuery

Question

Как пропустить одну метку, имеющую такое же имя класса, в jquery

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

когда я пытаюсь вызвать метку myCb1, отображаются оба, поэтому помогите, пожалуйста, пропустить одну метку, используя jquery

Answer 1

Либо дайте им идентификатор для их уникальной идентификации, либо вы можете использовать селектор, такой как:

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

Answer 2

Вы хотите использовать псевдоселектор :eq как таковой:

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

:eq позволяет указать индекс найденных элементов, которые вы хотите вернуть. Индекс равен на основе нуля (что означает, что первым элементом будет индекс 0).

jQuery Docs: :eq псевдоселектор

Answer 3

$('.class:first-child')

Это если они находятся рядом друг с другом, как вы только что описали.