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

思路：利用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是没有value属性的，但是我们可以给它加上去也是可以获得的，在这里value只是一个自定义参数。

html代码

<div class="store"  value="tanyu"></div>

jq代码

$(function(){

$("store")click(function(){

alert($(this)attr('value'));

});

});

有一个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怎样在获取同一个div下的类的ID全部的内容，包括:jquery怎样在获取同一个div下的类的ID、jQuery如何获取点击div的属性值、如何用Jquery获取某一个Div的Class或者ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！