jQuery-parent(exp)用法

最新推荐文章于 2021-11-02 15:03:09 发布
最新推荐文章于 2021-11-02 15:03:09 发布
阅读量1.8k 收藏
点赞数
分类专栏： jquery 文章标签： function table button input class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abasen/article/details/4495999
版权

parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。

<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(document).ready(function() {
$("#btn1").click(function(){
alert($(this).parent().next().html());

});
});
</script> 

</head> 
<body> 

<table>
<tr>
      <td><input id="btn1"  class="btn" type="button"  value="test"/></td>
      <td>some text</td>
</tr>
</table>
....
其中：
this.parent()是input前面的td
this.parent().parent()获取的是tr
this.parent().parent().parent()获取的是table
this.parent().next()获取的是td相临的td
另例子中：

<div><p>Hello</p><p>Hello</p></div>

$("p").parent() 得到的是：<div><p>Hello</p><p>Hello</p></div>对象，因为p标签的父标签是div.

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/lansky07/archive/2008/11/28/3404700.aspx

abasen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery
CJQYQX的博客
07-26 406
一、入门 1. 什么是jQuery 它是一个轻量级的javascript类库 注1：就一个类“jQuery”，简写“$” 2. jQuery优点 2.1 总是面向集合 2.2 多行操作集于一行 3. hello jQuery 3.1 导入js库（） 在jsp页面导入jquery： <scripttype=“text/javascript"src=”${pageContext.reques...
jQuery(简介、特点、使用方法、【重点】jQuery的选择器：是jQuery的灵魂、jQuery的属性：操作标签的属性)
最新发布
weixin_44892365的博客
11-03 481
jQuery(简介、特点、使用方法、【重点】jQuery的选择器：是jQuery的灵魂)
jQuery中parent()方法用法实例
01-21
本文实例讲述了jQuery中parent()方法用法。分享给大家供大家参考。具体分析如下： 此方法取得匹配元素集合中每个元素的紧邻父元素，也就是第一级父元素，而不是所有的祖先元素。 所取得的父元素集合也可以使用表达式进行筛选。 语法结构: 代码如下:$(selector).parent(expr) 参数列表: 参数 描述 expr 可选。用来筛选的表达式 实例代码: 实例一： 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″/> <meta name=”author” content=”//www.jb5
jQuery-parent(exp)用法 学习笔记九
lansky07
11-28 1343
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。script src="jquery-1.2.6.min.js" type="text/javascript">script>script type="text/javascript"> $(document).ready(function() {$("#btn1").click(function
jquery 遍历 parent([expr])
KAXU
01-08 186
parent([expr]) 得到匹配元素集合中各个元素紧邻的父元素集合。返回匹配元素集合 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt...
jquery表达式详解 parents([expr]) parent([expr])
wangsong76的专栏
12-27 435
[code="html"] Hello xxxxx Hello Again [/code] parent([expr]) 说明： expr (String) : (可选)用来筛选的表达式 取得一个包含着所有匹配元素的唯一父元素的元素集合。 例： [code="js"] $("p").parent() [/code] ...
jquery兄弟标签_jQuery的父，子，兄弟节点查找方法
weixin_39690625的博客
12-20 183
jQuery的父，子，兄弟节点查找方法jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr).返回所有子节点，这...
JQuery用法大全
10-13
JQuery 是一个广泛使用的 JavaScript 库，它极大地简化了网页上的 DOM 操作、事件处理、动画制作和Ajax交互。在本文中，我们将深入探讨 jQuery 的主要用法，涵盖选择器、DOM 操作、遍历、核心功能等多个方面。 1. *...
Jquery方法大全
03-17
### Jquery方法大全详解 #### 一、Attribute（属性操作） **1.1 addClass** ```javascript $("p").addClass(css中定义的样式类型); ``` - **功能**：为匹配到的元素添加一个或多个类。 - **参数**：接受一个或多个...
JavaWeb入门-JQuery
AyinMars的博客
11-02 456
JQuery jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery设计的宗旨是**“write Less，Do More”**，即倡导写更少的代码，做更多的事情。 它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接
在jquery中通过父级查找进行定位的代码详解
徊忆羽菲
08-20 597
在jquery中通过父级查找进行定位的代码详解parent()parents()children()contents()prev()prevAll()next()nextAll()siblings()find() parent() parent() 方法返回被选元素的直接父元素。 DOM 树：该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径（返回祖父节点或其他祖先），请使用 parents() 或 parentsUntil() 方法。 提示：如需沿着 DOM 树向下遍历单一层级
JS获取节点的兄弟，父级，子级元素
热门推荐
hellogull
05-14 59万+
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： var a = docuemnt.getElementById("test").getElementsByTagName("div
jquery的parent()方法
倒骑驴走着瞧的博客
03-17 2862
帮朋友查看一个问题，顺便捡一下web开发知识 parent() 方法返回被选元素的直接父元素 测试用例：修改li的父节点的兄弟节点的样式 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt; &lt;
JQuery中parent()，parents()，parentsUntil()区别和使用技巧
07-17 1万+
JQuery中parent()，parents()，parentsUntil()区别和使用技巧
jQuery—向上遍历（parent/parents/parentUntil）
Scrow1204的博客
08-23 1160
注意：parentUntil方法指定的区间是开区间。   HTML代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;向上遍历&lt;/title&gt; &lt;script s
JQuery学习
学习记录和总结
11-08 1万+
JS最广泛使用的插件JQuery的完成使用案例讲解
jquery获取父级元素、子级元素、兄弟元素的方法
WitsMakeMen的专栏
03-10 5万+
jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素 jQuery.children(expr).返回所有子节点，
jQuery中的parent方法、parents方法
徐冰的博客
11-09 1万+
一、parent()方法： 取得一个包含着所有匹配元素的唯一父元素的元素集合。 html代码如下： <form> <input type="radio" value="0"/>男<input type="radio" value="1"/>女 </form> jQuery代码如下： <script> var dom = $("[ty...
jquery获取parent,children的使用父亲子类用法
有 prepare , No out
12-20 7611
1 孕婴童 11月份品牌排行 ? 孕妇装12月份产品排行 ? 孕妇装 查看完整榜单 该品类本月新增3个品牌，更新时间：2013-10-30 $('.charts h3 a').hover(function () { var $this = $(this); $this.parent().parent().children(".Update_time").child
jQuery-Mobile基础教程：属性与用法解析
"这篇教程详细解析了jQuery-mobile的基础属性和用法，包括如何引入库、构建页面结构，以及实现全屏和标题居中等特性。适合初学者参考学习，提升移动应用开发技能。" 在移动Web开发中，jQuery-mobile是一个非常流行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值