このJQueryはどこが間違っていますか？

Question

私は `のid =「violacao」すべての要素にクリックイベントを追加したい：

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

しかし、単に最初のリンクは、クリックに応答します。

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

それはすべてのリンクが影響を受けていることを除いて、正常に動作します：私はこの方法を試したとき

<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> 

：これは、生成されたHTMLです。なにが問題ですか？

Answer 1

HTML内のIDは一意であることを意味します（ドキュメントごとに1つ）。 IDをクラスに変更して（＃の代わりに。を使用すると）うまくいくはずです。

Answer 2

スティーブメイソンが言っていることは本当ですが、実際の問題はそうではありません。

IDをクラスに変更すると、問題は解決されず、すべてのリンクが影響を受けます。あなたが影響を与えることを目指している場合

代わりに、1つの< A>は、次のいずれかを実行する必要があります

a）の各< A>あなたが最初にやっていたように、その後、何かをするにユニークなIDを割り当てます。または

B）クラスを割り当て、使用する：第1のセレクタ：

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

クラスviolacaoと最初に一致したアンカーに適用されます。あるいは、特定のアンカーに影響を与えたい場合は、eq（index）を使用できます。

セレクターの全リストについては、http://docs.jquery.com/Selectorsをご覧ください。