如何使用 jQuery 获取元素的 ID
主题:JavaScript / jQuery
答案:使用jQuery attr() 方法
您可以简单地使用jQuery attr() 方法来获取或设置元素的ID 属性值。
以下示例将在单击按钮时在警报框中显示 DIV 元素的 ID。
示例
div{
padding: 20px;
background: #abb1b8;
}
$(document).ready(function(){
$("#myBtn").click(function(){
var elmId = $("#test").attr("id");
alert(elmId);
});
});
您还可以通过循环获取具有相同类的多个元素的 ID,如下所示:
示例
div{
padding: 20px;
margin-bottom: 10px;
background: #abb1b8;
}
$(document).ready(function(){
$("#myBtn").click(function(){
var idArr = [];
$(".box").each(function(){
idArr.push($(this).attr("id"));
});
/* Join array elements and display in alert */
alert(idArr.join(", "));
});
});
您还可以在使用基于从 0 开始的索引的类选择器时获取单个元素的 ID,例如,要获取一组匹配元素中的第一个元素的 ID,您可以使用 $(".box").get(0).id 或 $(".box" )[0].id。
同样,要获取最后一个元素的 ID,您可以使用类似 $(".box").get($(".box").length - 1).id 或 $(".box")[$(".box").length - 1].id,因为 jQuery 选择器返回匹配元素的集合而不是单个元素。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
如何在 jQuery 中根据数据属性值查找元素
如何在 jQuery 中获取 this 选择器的子节点
如何在 jQuery 中为 HTML 元素添加属性