如何找到鼠标点击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