jquery如何获得父级的父级元素

parent()是 父元素 就一个，你要选取class=x的元素,就是第一个p元素的父元素的父元素：

$("p:eq(0)")parent()parent()css("background", "yellow");

或者p元素父元素的父元素类为x的元素：

$("p")parent()parent("x")css("background", "yellow");

或者p元素祖先元素(祖先就很多个了)中类为x的元素:

$("p")parents("x")css("background", "yellow");

1、比如我们要得到或者获取到这个div元素。

2、我们就可以这样做，使用$("div")，这就是直接通过元素名来获取，注意要加引号哦。

3、或者你可以给元素添加类，如图，我就加了一个bd类。

4、然后我们这样$("bd")也是可以得到div元素的哦，注意类名是需要一个点的哦。

5、此外，id也是一个不错的方法，不过id只能有一个，不能重名哦。

6、jQuery中id要加#号才会有效哦。

7、最后我就整理好jQuery一些比较常用的获取元素的方法。

首先是自己的所有后代： $("#b")find("")

然后是自己的所有弟弟：$("#b")nextAll()

接着是弟弟们的所有后代：$("#b")nextAll()find("")

然后是自己所有祖先的弟弟（父亲的弟弟、祖父的弟弟……）：$("#b")parents()nextAll()

最后是所有祖先的弟弟们的所有后代：$("#b")parents()nextAll()find("")

使用jQuery框架 *** 作HTML DOM是一件极其便捷的事情，如下 *** 作即可获取相应节点的数据，id和名字（下文中引用“$(this)”表示一个jQuery对象）：

获取节点标签内容数据： $(this)html( )

获取表单组件中的值： $(this)val()

获取节点中的文本内容（例如textarea）: $(this)text()

获取节点的id： $(this)attr("id")

获取节点的名字： $(this)attr("name")

有2种方法：

最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，

第二种方式是通过给类名绑定一个事件。

1

2

3

4

5

6

7

8

9

10

11

<p id="pLabel">新加一条</p>

<ul id="ulLabel">

<li class="liLabel">aaa1</li>

<li class="liLabel">aaa2</li>

<li class="liLabel">aaa3</li>

</ul>

<script type="text/javascript">

$("#pLabel")click(function(){

$("#ulLabel")append('<li class="liLabel">aaaQ</li>'); //动态像ul的末尾追加一个新元素

});

</script>

方法一：使用live

live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如，通过脚本动态创建的元素。

1

2

3

$('liLabel')live('click', function(){

alert('OK');

});

方法二：使用on

可以通过on方法绑定事件，可以绑定到它的父级或者body中，实现如下：

1

2

3

4

5

6

7

$("#ulLabel")on('click','liLabel',function(){

alert('OK')

});

或者：

$("body")on('click','liLabel',function(){

alert('OK')

});

注意绑定的事件，需要绑定在父元素。

attr() //获取或设置选中元素属性

例：

var a=$("#idx")attr("value");//获取id="idx"的value属性值

$("#idx")attr("value","123"); //将id="idx"的value属性的值设置为"123"

parents() 获取选中元素的所有祖先元素(是一个jQuery元素对象集合)

例：

html代码：

<div> <span> <a href="#" id="idx">aa</a> </span> </div> <div id="div2"></div>

jQuery代码：

$("#idx")parents();//选中了span 和div 这两个元素。注：id="div2"的元素不会被选中

//上面这句代码获取到元素的集合的顺序是：span div 如：$("#idx")parents()eq(0)是span元素

$("#idx")parents("div");//这里就只选中祖先元素div

children() //这个函数与parents函数相反。慢慢 理解

是的，jquery对于动态添加的节点必须要将其添加到DOM模型中后才能通过DOM模型方法获取，jquery只是一个基于javascriptAPI的一个库，所有受限于javascript的DOM *** 作！

如果要获得这个节点，请将这个节点添加时候激活，采用life方法，还有其它方法，可以自己去查jquery的api

以上就是关于jquery如何获得父级的父级元素全部的内容，包括:jquery如何获得父级的父级元素、Jquery如何获得div下的元素、使用jquery查找某个元素之后的所有满足条件元素（包括兄弟节点、子节点和无关节点）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！