JQuery/JSを使用して​​のIDをclick（）に保存します

Question

私はデータの束を持つテーブルを持っています。各<td>は$i（私は配列から自分のテーブルを構築するためにループを使用しています）に基づいてclass="person"とid=0,1,2,3, etc.を含んでいます。

人（<td>）がクリックされるたびに、そのセルがCSSでハイライト表示されるようにしたいと思います。

これまでのところ私は、私は、この使用することができると思う：。

$（ '人を'）（関数（）{

$id = some function to which attr('id') was selected???; 
$('id').addClass("highlights"); 

を}）をクリックしてください。

クリックしたセルのIDをどのように取得できますか？どんな助けやアプローチも感謝します。

ありがとうございます！

Answer 1

this.idは、本方法のtdのidを指す。

$('.person').click(function(){ 

    var id = this.id; 
    $('#' +id).addClass("highlights"); 

}); 

しかし、あなただけの要素に何かを変更したい場合、あなたは本当にidを必要としません。これは、thisというキーワードが実際にクリックされた要素を参照しているためです。

だから、あなたが直接（ ... 限りとして有効なHTML懸念している）要素のidがcannot be numericがあること、しかし、注意してください

$('.person').click(function 
    $(this).addClass("highlights"); 
}); 

---

を行うことができます

そして、私は引用する

IDとNAMEトークンは、文字（[A-Za-z]）で始まり、任意の数の文字、数字（[0-9]）、ハイフン（ - ）、アンダースコア"_"）、コロン（ "："）、ピリオド（ "。"）を使用します。

Answer 2

id = $(this).attr("id"); 

あなたがここに:)

Answer 3

$("td").click(function(e){ 

alert($(this).attr('id')); 
e.stopPropagation(); 
}); 

をしたい行しているように見える作業フィドルhttp://jsfiddle.net/xELyx/1/

もjqueryのIDセレクタhttp://api.jquery.com/id-selector/

と

を見ています

attrhttp://api.jquery.com/attr/

Answer 4

$('.person').click(function(){ 

$(this).addClass("highlights"); 

}); 

時には、あなたはjQueryのでIDを忘れることができます:)