如何找到鼠标点击jQuery中的div ID?
我有一个网络表单中的多个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>请试试这个:
$("table div").click(function() {
var divID = this.id;//Or $(this).attr("id");
//Your code here
});
$('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>div元素上的click事件 this指的是点击click-handler单击元素 element 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>
链接地址: http://www.djcxy.com/p/83305.html
