我在一个when表单中有多个div,当我点击一个特定的div时,我需要根据div id执行一些任务。
有没有办法在鼠标点击时找到div id?
<table>
<tr>
<td>
<div id="firstdiv">div1</div>
</td>
<td>
<div id="seconddiv">div2</div>
<td>
<td>
<div id="thriddiv">div3</div>
</td>
<td>
<div id="fourthdiv">div4</div>
</td>
</tr>
</table>
发布于 2016-07-12 13:06:26
请尝试以下操作:
$("table div").click(function() {
var divID = this.id;//Or $(this).attr("id");
//Your code here
});
发布于 2016-07-12 13:19:56
$('div').click(function() {
console.log($(this).attr('id'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
<td>
<div id="firstdiv">div1</div>
<td>
<td>
<div id="seconddiv">div2</div>
<td>
<td>
<div id="thriddiv">div3</div>
<td>
<td>
<div id="fourthdiv">div4</div>
<td>
<tr>
<table>
发布于 2016-07-12 13:07:37
通过element
this
click-handler
element
的
click
事件引用element
的div
id
属性中单击的元素
$('table div').on('click', function() {
console.log(this.id);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
<tr>
<td>
<div id="firstdiv">div1</div>
</td>
<td>
<div id="seconddiv">div2</div>
</td>
<td>
<div id="thriddiv">div3</div>
</td>
<td>
<div id="fourthdiv">div4</div>
</td>
</tr>
</table>
https://stackoverflow.com/questions/38320385
复制相似问题