<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>判断</title>
<!--得到div的属性用attr就可以了，id用attr("id") ,class就用attr("class")（深圳网站建设=">
2、在testhtml文件中，使用script标签加载jqueryminjs文件，成功加载该文件，才能使用jquery方法。
3、在js标签内，在页面加载完成时，获取body对象，使用append()方法向body动态添加一个div元素。
4、在testhtml文件中，使用button标签创建一个按钮，按钮名称为“获取id值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getid（）函数。
6、在js标签内，创建getid()函数，在函数内，通过元素名称获得div对象，使用attr()方法获得动态添加div的id值，并使用alert()方法将值输出。
7、在浏览器打开testhtml文件，点击按钮，查看结果。
使用attr()函数，如下：
1234<div class="Div" id="divID"></div> $("div")attr("class"); //获取其类名$("div")attr("id"); //获取其ID
其中1234可以为任意数字，通过class获取节点,获取的是一个数组。
"1、利用标签名获取元素
$(""标签名"")
2、通过ID获取元素
$(""#id_name"")
3、通过 类名获取元素
$(""className"")
4、一次性获取多个元素
$(""元素名, 元素名, 元素名 "")
5、通过指定层次关系获取元素
$(""祖先 子孙"")
$(""父 > 子"")
$(""前 + 后"")
$(""兄 ~ 弟"")
6、根据元素的属性值获取元素
[attribute]
[attribute = value]
[attribute != value]
[attribute ^= value]
[attribute $= value]
[attribute = value]"
思路：利用jQuery选择器直接根据类名获取对象→遍历对象→使用 attr() 方法获取id属性值。下面实例演示——获取所有class为test的元素的id值：
1、HTML结构
<div class="test" id="div_id">我的类是test，id是div_id</div><input type="text" class="test" id="input_id" value="我的类是test，id是input_id" />
<div class="test">我的类是test，没有id属性</div>
<li class="test" id="li_id">我的类是test，id是li_id</li>
<input type="button" value="确定">
2、jQuery代码
$(function(){$("input[type='button']")click(function() {
var ids = [];
$("test")each(function(index, el) {
var id = $(this)attr("id");
if(typeof(id)!=='undefined'){
idspush(id)
}
});
alert(ids);
});
});
3、效果演示
以上就是关于如何用Jquery获取某一个Div的Class或者ID全部的内容，包括:如何用Jquery获取某一个Div的Class或者ID、js如何获取动态的id、jquery 如何通过class获得id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）