需要准备的材料分别有:电脑、html编辑器、浏览器。
创新互联专业提供托管服务器服务,为用户提供五星数据中心、电信、双线接入解决方案,用户可自行在线购买托管服务器服务,并享受7*24小时金牌售后服务。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码
$('body').append($('#a').parent().attr('id'));
3、浏览器运行index.html页面,此时成功通过ID为a的div获取了它父级元素并打印其ID值。
这样:
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
你这里有2个p元素。不太合理。
如要获得父级的父级点两次不就可以了么?
parent()两次啊。。首先获得p的父div在获得div的父级外层的div。这样问题很明显啊。
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、效果演示