ライブのクリックでtr/tdをハイライト表示しますが、入力/選択をクリックすると切り替えません

Question

誰かが私を助けてくれることを願っていますが、まっすぐ進むはずですが、同じセルがクリックされた場合にonclickを強調表示するか、または強調表示する表を作成しました。これは私には問題ありません。私が問題を抱えているのは、セル内のinput：textまたはselect要素をクリックすると、まだトグルされているということです。

セレクタにnot句を追加する簡単な方法がありますか、またはselect/inputが以下でクリックされたかどうかを確認することによって簡単にできますか？

$("#grid td, #grid th").live('click', function(){ 
    ... 
    toggle highlight, image changes, link changes, etc, when conditions are met (currently works) 
    ... 
}); 

私は多分.not()関数を使用することができると思ったが、私はまだ、選択入力/をクリックするセルをクリックし、ではない場合、それはトグルしないかもしれないと思います。

助けや助けがあれば助かります。

Answer 1

を追加しましたが、イベントが親細胞に子要素からバブルアップされています。

あなたは1つが、イベントをトリガした要素をチェックすることであり、そのTD場合にのみ..このような何かをできるように、2つのことを行うことができます。

$("#grid td, #grid th").live('click', function(e){ 
    if (e.target.tagName.toLowerCase() === 'td' || e.target.tagName.toLowerCase() === 'th') { 
        //do your stuff here 
    } 

}); 

または入力にイベントを停止を見て、選択をクリックハンドラーをcancelBubbleまたはevent.stopPropogation

Answer 2

これを試してみてください：

$('#grid td input, #grid th input, #grid td select, #grid th select, #grid td textarea, #grid th textarea').live('click focus', function(event) { 
    event.stopPropagation(); 
}); 

編集：ここで起こっていただきましたselectとtextarea