用css选择器 如何选择自己的父元素

css

没有父元素选择器，只有子元素选择器h1

>

strong，选择第一个

h1

下面的strong

元素；兄弟选择器h1

+

p

选择紧接在另一个元素后的元素，而且二者有相同的父元素；

父元素可以使用jquery，$("class:parent")

或

$("class")parent();

一、原生方法：

元素parentNode，返回元素的第一个父节点。

二、Jquery方法：

1、元素parent()，返回元素的第一个父节点。

2、元素parents()，返回一个包含元素所有父节点的数组。

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

$(selector)parent()parent();

示例如下

创建Html代码及css样式

<div class="class1">

class1

<div class="class2">

class2

<div class="class3">

class3

</div>

</div>

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

divclass1{width:200px;height:120px;}

编写jquery代码

$(function(){

$("divclass3")click(function() {

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

alert(objprop('class'));

});

})

查看效果

jquery提供了parent()方法获得当前匹配元素集合中每个元素的父元素，例如

$("p")parent("selected");    // 查找每个段落的带有 "selected" 类的父元素：

实例演示如下:

1、HTML结构

<li name="li-1"><a href="#">第1个超链接</a></li>

<li name="li-2"><a href="#">第2个超链接</a></li>

<li name="li-3"><a href="#">第3个超链接</a></li>

<li name="li-4"><a href="#">第4个超链接</a></li>

2、jquery代码

$(function(){

$("a")click(function() {

var str = $(this)parent("li")attr("name");

alert(str);

});

});

3、效果演示

以上就是关于用css选择器 如何选择自己的父元素全部的内容，包括:用css选择器 如何选择自己的父元素、js 找到子元素的父元素、JQUERY如何获得某元素父级的父级等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！