jquery获取元素ID属性的方法
墨初 Web前端 1280阅读
想要获取jquery来获取一个指定元素的ID,有多种方法。下面73so博客就简单的介绍一下。
jquery获取元素ID的方法
1、使用jquery中的attr()方法获取元素的ID
例:
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<div class="mochu" id="mochudiv">https://www.73so.com</div>
<script>
//方法1:
console.log($('.mochu').attr('id'));
//方法2:
console.log($('#mochudiv').attr('id'));
</script>
2、通过JQuery对象的id属性来获取元素的ID
例:
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<div class="mochu" id="mochudiv">https://www.73so.com</div>
<script>
// 方法1
var id = $('#mochudiv')[0].id;
console.log(id);
// 方法2
var id = $('.mochu')[0].id;
console.log(id);
</script>
以上就是利用jquery来获取元素的ID的方法,需要注意的是如果一个html页面中有多个相同的id值,可能会出现一些错误。