用jquery实现,如何获取ID啊,id不能写死了,需要循环出来,我想知道jquery怎么写

用jquery实现,如何获取ID啊,id不能写死了,需要循环出来,我想知道jquery怎么写,第1张

<a id='a1' href="#">点我显示或者隐藏div1里的</a><div id='div1'>111111111111</div><br>

<a id='a2' href="#">点我显示或者隐藏div2里的</a><div id='div2'>222222222222</div><br>

<a id='a3' href="#">点我显示或者隐藏div3里的</a><div id='div3'>333333333333</div>

<SCRIPT LANGUAGE="JavaScript">

<!--

$(function(){

//alert("jQuery loaded!");

$("a")each(function(){

var id = $(this)attr("id");

var divId = "div" + idsubstr(1,idlength);

$(this)click(function() {

$("#" + divId)toggle();

});

});

});

//-->

</SCRIPT>

有一个Div,我想获取其ID或者Class值。

那么我可以先定位到这个DIV,然后采用attr方法来获取其值:

假如说:有一段Html代码:

[html] view plain copy

<div class="comment" id="22">

<div class="comment_detail" style="display: block; ">

<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>

<div class="comment_text_bottom" style="display: none; ">

<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>

<div class="comment_emotion_detail" style="display: none; ">

</div>

</div>

<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>

</div>

</div>

<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>

</div>

如果我想从submit处定位,获取到comment处DIv的ID,那么我就可以这样办:

ID值为:

[javascript] view plain copy

$("submit")parent()parent()parent()parent()attr('id');

其值为:22;

CLASS值为:

[javascript] view plain copy

$("submit")parent()parent()parent()parent()attr('class')

其值为:comment;

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

1、根据div标签获取所有的div节点

var divs = $('div');//获取所有的div节点

2、获取div的id

divseach(function(k,v){//通过each循环每个div节点

alert(thisid);//获取div节点的id值

});

使用attr()函数,如下:

1234<div class="Div" id="divID"></div> $("div")attr("class");    //获取其类名$("div")attr("id");    //获取其ID

其中1234可以为任意数字,通过class获取节点,获取的是一个数组。

以上就是关于用jquery实现,如何获取ID啊,id不能写死了,需要循环出来,我想知道jquery怎么写全部的内容,包括:用jquery实现,如何获取ID啊,id不能写死了,需要循环出来,我想知道jquery怎么写、如何用Jquery获取某一个Div的Class或者ID、jquery怎样在获取同一个div下的类的ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/10128724.html

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

发表评论

登录后才能评论

评论列表(0条)

保存