子要素でない部分がクリックされた時だけを感知したい

質問

子要素でない部分がクリックされたときだけを検出したいのですが、方法が思いつきません。

<tr>
　<td>
　　<p>文章</p>
　　<dl>
　　　<dt>項目</dt>
　　　<dd>項目名</dd>
　　</dl>
　</td>
</tr>

$("td").click(function(){
　alert("tdがクリックされました");
});

上のようなhtmlで、tdの中に、pでもdlでもない部分があるのですが、そこがクリックされた時だけを感知させたいのです。
ですが、上のコードだと、td pをクリックしたときにも、$("td").clickが反応してしまいます。
pやdlの部分がクリックされたときには反応しないようにさせる方法はあるでしょうか？

いろいろ試してみたのですが、うまくいきません。
良い方法がありましたらお教えください。
よろしくお願いします。

回答No.1

my-- · ベストアンサー

$("td").click(function(e){
var target = e.target; // jQueryならIEでもtargetを見れます
alert(target.tagName + "がクリックされました");
if (target.tagName === 'TD') {
　 // TD時の処理
return false; // 必要に応じて
}
});

お礼

これこそまさに求めていたものでした。
本当にありがとうございました。

回答No.2

fujillin

$とあるので、jqueryと仮定して・・・

といっても、あんまりよく知らないのでちゃんと確認はしていませんが、eventを返してくれているみたいなので

$("td").click(function(evt){
if (evt.target.nodeName == "TD") alert("tdがクリックされました");
});

みたいなので識別できませんか？

お礼

これこそまさに求めていたものでした。
本当にありがとうございました。