Div不传播的目标ID

时间:2014-04-17 20:25:46

标签: javascript jquery target

在div中有一个表格,当我试图找到触发点击事件的目标时,我认为目标ID会传播。相反,当我在表格内单击时,不会返回任何内容。我想知道包含该表的div的id。

http://jsfiddle.net/UWm46/

$(document).click(function(event) {
alert("Target ID: " + event.target.id);   
});

<div id='box3'>
box 3
<table><tr><td>table 3</td></tr></table>
</div>

2 个答案:

答案 0 :(得分:1)

您想要使用.closest()

$(event.target).closest('div').attr('id');

以下是演示:http://jsfiddle.net/UWm46/3/

答案 1 :(得分:1)

当您点击&#34;表3&#34;文字,目标是td,而td没有ID。

要获得具有id的最近祖先,您可以使用:

http://jsfiddle.net/g6S65/

$(event.target).closest('[id]').attr('id')