parent

英 [ˈpeərənt]   美 [ˈperənt]  

n.父亲(或母亲);先辈;根源,起源;保护者

jquery parent()方法 语法

作用:parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。

语法:.parent(selector)

参数:

参数描述
selector    字符串值,包含用于匹配元素的选择器表达式。

说明:如果给定一个表示 DOM 元素集合的 jQuery 对象,.parent() 方法允许我们在 DOM 树中搜索这些元素的父元素,并用匹配元素构造一个新的 jQuery 对象。.parents() 和 .parent() 方法类似,不同的是后者沿 DOM 树向上遍历单一层级。该方法接受可选的选择器表达式,与我们向 $() 函数中传递的参数类型相同。如果应用这个选择器,则将通过检测元素是否匹配该选择器对元素进行筛选。

jquery parent()方法 示例

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>

  <div><p>Hello</p></div>
  <div class="selected"><p>Hello Again</p></div>

<script>
  $("p").parent(".selected").css("background", "yellow");
</script>

</body>
</html>
运行实例 »

点击 "运行实例" 按钮查看在线实例