jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用
创新互联长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为相城企业提供专业的成都做网站、网站设计,相城网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。
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'));
});
})
查看效果
你这里有2个p元素。不太合理。
如要获得父级的父级点两次不就可以了么?
parent()两次啊。。首先获得p的父div在获得div的父级外层的div。这样问题很明显啊。
parent:指的是父级
parents:是祖先元素,就是父级、父级的父级、父级的父级的父级。。一层层往上。
parentsUnitl:元素的所有的父辈元素,直到遇到匹配的那个元素为止
例子: div class="l1" div class="l2" div class="l3" p/p /div /div /div $("p").parent():查找到l3$("p").parents():查找出l3/l2/l1$("p").parentsUnitl(".l1"):查找出l3/l2
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码
$('body').append($('#a').parent().attr('id'));
3、浏览器运行index.html页面,此时成功通过ID为a的div获取了它父级元素并打印其ID值。
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款