jquery - jqueryの親子クリックイベント処理

Question

動的に追加する 2 つの列を持つテーブル行があります (以下)。

var lientry='<tr id=\"'+kmlFeatureData.type+kmlFeatureData.id+'\">
<td>blah blah</td>
<td><a class="msg_head">'+'click for more</a></td></tr>';

最初の列 id=... のクリック ハンドラーが正常に動作し、2 番目の列 class="msg_head" の 2 番目のクリック ハンドラーが必要ですが、それをキャッチしようとすると、親ハンドラー。

伝播を停止するなどの提案を試みましたが、うまくいきませんでした。

$(".msg_head a").click(function(e) {
    e.stopPropagation();
    alert('jquery msg_head click');
});

助言がありますか？

Answer 1

セレクターが間違っています。a.msg_head代わりに使用してください:

$("a.msg_head").click(function(e) {
    alert('jquery msg_head click');
});

または、タグ セレクターを削除して、 を使用します$(".msg_head")。