jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，使用div标签创建一行文字，文字内容为“这是测试的文字内容”。

3、在testhtml文件内，设置div的id属性为abc，用于下面通过该id获得div对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取div里面的值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getdivc（）函数。

6、在js标签中，创建getdivc()函数，在函数内，通过id(abc)获得div对象，使用text()方法获得div内的值，并使用alert()方法将值输出。

7、在浏览器中打开testhtml文件，点击按钮，查看结果。

有一个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、效果演示

获取第一个id

var

id

=

$("#userList

img:first")attr("id");

循环输出所有id

$("#userList

img")each(function(){alert(thisattr("id"));});

<button  type="button" id="sdfasdf "  onclick="test_1(thisid)">提交</button>

<script language="javascript">

function test_1 (id)

{

    alert(id);

}

</script>

这样即可，如果用jquery，最好是用选择器选择到button再来响应。

因为onclick触发式，你写的处理脚本取的this，是方法本身，而不是button。

以上就是关于jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值全部的内容，包括:jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值、如何用Jquery获取某一个Div的Class或者ID、jquery怎样在获取同一个div下的类的ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！