jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用
成都创新互联公司是一家专业提供弥勒企业网站建设,专注与网站设计、网站建设、H5页面制作、小程序制作等业务。10年已为弥勒众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
$(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;}
div.class1{width:200px;height:120px;}
编写jquery代码
$(function(){
$("div.class3").click(function() {
obj = $(this).parent().parent();
alert(obj.prop('class'));
});
})
你这里有2个p元素。不太合理。
如要获得父级的父级点两次不就可以了么?
parent()两次啊。。首先获得p的父div在获得div的父级外层的div。这样问题很明显啊。
这样:
ul class="parent1"
lia href="#" id="item1"jquery获取父节点/a/li
lia href="#"jquery获取父元素/a/li
/ul
扩展资料:
注意事项
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。
可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。
div id='div1'
div id='div2'p/p
/divdiv id='div3' class='a'p/p/div
div id='div4'p/p/div
/div