📌  相关文章
📜  what $this.attr('id') (1)

📅  最后修改于: 2023-12-03 15:05:56.127000             🧑  作者: Mango

获取元素ID的jQuery方法 this.attr('id')

在 jQuery 中,通过调用 this.attr('id') 方法可以获取当前元素的 ID 属性值。这个方法通常用在事件处理程序中,比如点击某个元素后执行相应的操作。

语法

this.attr('id')

其中,this 表示当前选中的元素。该方法需要在 jQuery 对象中使用。

参数

ID 属性没有任何参数。只需使用上面的语法即可获取当前元素的 ID。

返回值

该方法返回当前元素的 ID 属性值。如果没有该属性,返回值为 undefined

例子
HTML
<div id="my-div">这是一个带有 ID 的 DIV 元素</div>
jQuery
$(document).ready(function() {
   $("#my-div").click(function() {
      console.log("当前元素的 ID 是:" + $(this).attr('id'));
   }); 
});

以上代码将在页面加载完成后,给 ID 为 my-div 的 DIV 元素添加了一个点击事件处理程序。当点击该元素时,将在浏览器的控制台中输出当前元素的 ID 值。

总结

this.attr('id') 是 jQuery 中获取当前元素 ID 属性值的一种常用方法。该方法没有任何参数,直接在当前元素上调用即可。函数返回该元素的 ID 值,没有该属性则返回 undefined