如何用Jquery获取某一个Div的Class或者ID

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：

<div id='id1' class='class2'></div>

$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。

$('#id1')attr('id')，就是获取到ID

$('#id1')attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。

使用 each 方法， 假设你的 jQuer 元素是 el , 大概代码是：

$(el)each(function(index,el){

consolelog( $(el)attr('id') );

})

each 是 jQuery 提供的遍历方法，第一个参数是索引，第二个参数是遍历对象的值。

页面嵌套母版页时再用 $("#id") 获取服务器端控件(runat="server") ID，就获取不到了我们可以查看页面源代码，发现ID已经被改了。

我们可以通过：

$("#<%=idClientID %>") 获取服务器控件ID或绑定一些事件。

如：

<asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>为服务器端文本控件,想要在jquery中取到它客户端的ID需要进行

如下转换：

<script src="/js/jquery-191minjs"></script>

<script type="text/javascript">

$(function () {

var title = $("#<%=txtTitleClientID%>")val();

alert(title);

});</script>

思路：利用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值

});

以上就是关于如何用Jquery获取某一个Div的Class或者ID全部的内容，包括:如何用Jquery获取某一个Div的Class或者ID、如何遍历jquery元素获取所有id、用jquery如何获取服务器控件的ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！