jQuery中parent()方法用法实例

简介

parent()方法是jQuery中经常用到的DOM操作方法之一，可以获取指定元素的父元素。本文将详细讲解parent()的用法及一些实例。

语法

$(selector).parent(filter)

• selector: 必需，一个或多个选择器，用于查找指定元素。
• filter: 可选，一个选择器，用于进一步筛选父元素。

实例1

让我们先看一个获取父元素的最基础的例子，如下所示：

<div>
  <p>这是一个段落文本</p>
</div>

$('p').parent().css('background-color', 'lightgray');

上述代码的意思是：选中p元素，获取其父元素（在这个例子中父元素为div），并设置其背景颜色为浅灰色。

实例2

现在我们来看一个用filter参数来进一步筛选父元素的例子，如下所示：

<div>
  <p class="myClass">这是一个段落文本</p>
  <a href="#">这是一个超链接文本</a>
</div>

$('p.myClass').parent('div').css('background-color', 'lightgray');

上述代码的意思是：选中p元素，进一步筛选出其父元素为div且含有myClass类名的元素，并设置其背景颜色为浅灰色。

总结

本文为大家详细讲解了parent()方法的语法及两个实例。希望可以帮助大家更好地理解和应用该方法。