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

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

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：<div id='id1' class='class2'></div>$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。$('#id1').attr('id')，就是获取到ID$('#id1').attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。

jquery获取子元素的方法find()的用法

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

1.children()方法：获取该元素下的直接子集元素

2.find()方法：获取该元素下的所有子集元素

分别以以下HTML代码为例：

<ul>

<li>

list1

<ul>

<li>

list1-1

</li>

<li>

list1-2

</li>

</ul>

</li>

<li>

list2

<ul>

<li>

list2-1

</li>

<li>

list2-2

</li>

</ul>

</li>

<li>

list3

<ul>

<li>

list3-1

</li>

<li>

list3-2

</li>

</ul>

</li>

</ul>

children()方法获取ul下面直接子集元素li：$("ul").children("li")

需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("ul").children("li").length”，最后输出结果为3

find()方法获取ul下所有元素li：$("ul").find("li")

需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("ul").find("li").length”，最后输出结果为9

jquery中怎样根据父级找元素

jquery中parent()可以获取父级元素，所以获得某元素父级的父级可以使用

$(selector).parent().parent();

示例如下

创建Html代码及css样式

class1

class2

class3

div{padding:10px 20px;border:4px solid #ebcbbe;}

div.class1{width:200px;height:120px;}

编写jquery代码

$(function(){

$("div.class3").click(function() {

obj = $(this).parent().parent();

alert(obj.prop('class'));

});

})