<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等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)