大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这样:
为雨花台等地区用户提供了全套网页设计制作服务,及雨花台网站建设行业解决方案。主营业务为网站建设、网站制作、雨花台网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
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
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;}
div.class1{width:200px;height:120px;}
编写jquery代码
$(function(){
$("div.class3").click(function() {
obj = $(this).parent().parent();
alert(obj.prop('class'));
});
})
查看效果
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");
jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用
1
$(selector).parent().parent();
示例如下
创建Html代码及css样式
1
2
3
4
5
6
7
8
9
div class="class1"
class1
div class="class2"
class2
div class="class3"
class3
/div
/div
/div
1
2
div{padding:10px 20px;border:4px solid #ebcbbe;}
div.class1{width:200px;height:120px;}
编写jquery代码
1
2
3
4
5
6
$(function(){
$("div.class3").click(function() {
obj = $(this).parent().parent();
alert(obj.prop('class'));
});
})
查看效果
子页面元素需要获取父页面的元素做如下操作:
$("#父页面元素id" , parent.document)