这样:
成都创新互联公司是一家专业提供武威企业网站建设,专注与网站设计、网站建设、H5技术、小程序制作等业务。10年已为武威众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
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、效果演示