は、イベントハンドラ

Question

から要素を除外する私が使用してクリックイベントハンドラから画像を除外しようとしています：

$('#templtable .trhover *:not(#infoimg)').live('click', function(event) { 
     event.stopPropagation(); 
     $(this).toggleClass('selected'); 

$('#infoimg').click(function(event) { 
      console.log("infoimg"); 
    event.stopPropagation(); 
}); 

を、表には次のようになります。クリックイベントがまだアクティブであるしかし

<table><tr class='trhover'><td><img id='infoimg' src='/images/icon-info.gif' alt='Details'><input type='checkbox' class='followup' id='1' value='234234'></td><td>234234</td></tr><table> 

画像では、これを解決する方法を提案しますか？

おかげ

Answer 1

コードが無効です。とにかく、imgがclickイベントを実行しないようにするには、セレクタ$('tr *:not(img)')を使用します。しかし、あなたがimgをクリックしている間、イベントが発生するとイベントが発生します。したがって、伝播を停止するには、イベントをバインドする必要があります。追加行でhttp://jsfiddle.net/pNaaD/
バージョン：

$('.trhover *:not(#infoimg)').bind('click', function(event) { 
    event.stopPropagation(); 
    $('body').append('click -> '+event.currentTarget.tagName+'<br />'); 
}); 
$('#infoimg').click(function(event) { 
    event.stopPropagation(); 
}); 

これを試してみてくださいhttp://jsfiddle.net/Zxk8R/あなたはクリックイベントが上に登録されたくない要素

Answer 2

悪い悪いコード...
まず、あなたがあなたの<tr>を閉じていない、余分な</td>が代わりにあります。
第2に、end()は、とにかく正しく使用されていないフィルタをキャンセルし、live()イベントは非推奨です。on()を使用する必要があります。
をクリックは、あなたがすべき.trhoverに動作するようになっている場合：

$('.trhover').on('click', function(){}); 

がclick()イベントを受け取ら<img>を停止するには、czeraszが提案何を行うことができます。
また、チェックボックスは何を対象としていますか、なぜそれをフィルタリングしましたか？