jQuery parent() - Javascript

parent() 方法是 jQuery 提供的一种遍历 DOM 树的方法。它可以返回指定元素的父元素。

使用方法

parent() 方法只需要一个可选参数 selector，用于过滤父元素。如果省略该参数，则返回指定元素的直接父元素。

// 返回所有 p 元素的父元素
$('p').parent();

// 返回满足条件的 ul 元素的父元素
$('ul').parent('.container');

示例

<div class="container">
  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
  </ul>
</div>

$(document).ready(function() {
  $('li').click(function() {
    // 获取 li 元素的父元素 ul
    var ulElement = $(this).parent();
    console.log(ulElement);
    
    // 获取 ul 元素的父元素 div.container
    var containerElement = ulElement.parent('.container');
    console.log(containerElement);
  });
});

以上代码会在页面上的每个 li 元素上注册一个点击事件。当点击某个 li 元素时，将在控制台打印出该元素的父元素 ul 和其父元素 div.container。

总结

parent() 方法可以用于查找 DOM 树中的父元素，它可以接受一个可选参数用于过滤父元素。此外，parent() 方法只会返回一个父元素，即使目标元素有多个父元素。