이 jquery는 어디에 잘못 되었습니까?

Question

`id = "violacao"가있는 모든 요소에 클릭 이벤트를 추가하고 싶습니다.

$(document).ready(function () {
    jQuery('#violacao').click(function() {
        alert('teste');
    });
});

그러나 첫 번째 링크 만 클릭에 응답합니다. 이것은 생성 된 HTML입니다.

<tr>
  <td><a href="#" id="violacao">40954589</a></td>
  <td>Perda de Comunicação</td>
</tr>

<tr>
  <td><a href="#" id="violacao">88692020503</a></td>
  <td>Perda de Comunicação</td>
</tr>

내가 이런 식으로 시도 할 때 :

jQuery("a").click(function() {
    alert('teste');
});

모든 링크가 영향을받는 것을 제외하고는 잘 작동합니다. 뭐가 잘못 되었 니?

Answer 1

HTML의 ID는 독특합니다 (문서 당 하나). ID를 클래스로 변경하고 ( #대신 사용) 작동해야합니다.

Answer 2

Steve Mason이 말하는 것은 사실이지만 실제 문제는 그렇지 않습니다.

클래스 A 문제로 ID를 변경하면 모든 링크가 영향을받습니다.

대신, 하나의 싱글에 영향을 미치 u003CA>려면 다음 중 하나를 수행해야합니다.u003C/a>

a) 고유 한 ID를 각각 u003CA>에 할당 한 다음 먼저하고있는 것과 같은 일을하십시오. 또는u003C/a>

b) 클래스를 할당하고 다음을 사용합니다. 첫 번째 선택기 :

jQuery("a.violacao:first").click( function (){
  alert('teste');
} );

클래스 Violacao와 첫 번째 일치하는 앵커에 적용됩니다. 또는 특정 앵커에 영향을 미치려면 다음을 사용할 수 있습니다 : EQ (index).

포괄적 인 선택기 목록을 보려면 방문하십시오 http://docs.jquery.com/selectors.