jquery怎样在获取同一个div下的类的ID

jquery怎样在获取同一个div下的类的ID,第1张

思路:利用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、效果演示

参考下面代码

<div id="a" class="sssss"></div>

var divid = $("#a")attr("id");

var divClass = #("#a")attr("class");

如果有多个DIV要获取:

var ids=[],arrClass=[];

$("div")each(function(){

idspush($(this)attr("id"));

arrClasspush(#(this)attr("class"));

});

alert("ids:"+idsjoin(","));

alert("class:"+arrClassjoin(","));

jquery 通过class获得id方法如下:

$("类名")取对象

$("类名")attr("id") 取对象的ID

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 60+, FF15+, Safari 20+, Opera 90+),jQuery20及后续版本将不再支持IE6/7/8浏览器。

以上就是关于jquery怎样在获取同一个div下的类的ID全部的内容,包括:jquery怎样在获取同一个div下的类的ID、如何用Jquery获取某一个Div的Class或者ID、jquery 通过class获得id等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9726062.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存