jQuery에서 다른 클래스 이름을 가진 하나의 레이블을 건너 뛰는 방법

Question

jQuery에서 다른 클래스 이름을 가진 하나의 레이블을 건너 뛰는 방법

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

MyCB1의 레이블을 호출하려고 할 때 둘 다 표시되므로 jQuery를 사용하여 하나의 레이블을 건너 뛰는 방법을 도와주세요.

Answer 1

당신은 사용하고 싶습니다 :eq 의사 선택기 :

$("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