html子元素图片铺满父类,jquery怎么查找指定元素的父类？

jquery怎么查找指定元素的父类？下面本篇文章给大家介绍一下使用jquery查找指定元素父类的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

jquery怎么查找指定元素的父类？

在jquery中可以使用closest()方法、parent()方法来查找指定元素的父类。closest()方法用于返回所选元素的第一个祖先。

parent()方法用于返回被选元素的直接父元素。

示例1：使用closest()方法获取元素的第一个匹配的祖先。

点击按钮，查看结果

点击

$('button').on('click', function() {

var object = $('.child').closest('.parent');

if (object.length) {

$('#DOWN').text("className = '.child'" + "，parentName = '.parent'");

}

else {

$('#DOWN').text("不存在父类");

}

});

效果图：

示例2：使用parent()方法获取元素的直接父元素

.ancestors *{

display: block;

border: 2px solid lightgrey;

color: lightgrey;

padding: 5px;

margin: 15px;

}

$(document).ready(function(){

$("span").parent("li").css({"color":"red","border":"2px solid red"});

});

div (曾祖父节点)

• ul (祖父节点)
• li (直接父节点)

  span

• li (直接父节点)

  span

效果图：

更多前端开发知识，请查阅 HTML中文网 ！！