jQuery parent() 方法

jQuery 教程 · 2019-03-28 09:57:14

实例

返回 <span> 的直接父元素:

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

结果:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span

定义和用法

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

DOM 树:该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径(返回祖父节点或其他祖先),请使用 parents() 或 parentsUntil() 方法。

提示:如需沿着 DOM 树向下遍历单一层级,或向下遍历直至最后一个后代的所有路径(返回子节点或其他后代),请使用 children() 或 find() 方法。

语法

$(selector).parent(filter)

参数 描述
filter 可选。规定缩小搜索父元素范围的选择器表达式。

点击查看所有 jQuery 教程 文章: https://codercto.com/courses/l/35.html

查看所有标签

新媒体运营实战技能

新媒体运营实战技能

张向南 勾俊伟 / 人民邮电出版社 / 2017-5 / 39.80元

《新媒体运营实战技能》共7章。第1章重点介绍了新媒体图片的创意思路及制作技巧,包括微信公众号封面图、信息长图、icon图标、九宫图、gif图片的具体实战操作;第2章重点介绍了创意云文字、微信排版、滑动看图等新媒体文字的排版方法与处理技巧;第3章是新媒体表单,引导读者对表单结构、设计场景及具体应用全面了解;第4章关于H5的创意思路及制作方法,解析了引发H5传播的心理因素,并重点介绍H5的制作工具与具......一起来看看 《新媒体运营实战技能》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

在线进制转换器
在线进制转换器

各进制数互转换器

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码