jquery通过closest选择器修改上级元素的方法


Posted in Javascript onMarch 17, 2015

本文实例讲述了jquery通过closest选择器修改上级元素的方法。分享给大家供大家参考。具体如下:

这段代码演示了jQuery通过closest选择器获取上一级的元素,然后修改其text()内容。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> 3water.com </title>
<script type='text/javascript' src='jquery-1.9.1.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){
var address = $("#3water").closest("div");
address.text('3water.com')
});//]]>
</script>
</head>
<body>
<div id="website">
<div id="3water"></div>
</div>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
XML+XSL 与 HTML 两种方案的结合
Apr 22 Javascript
打印json对象的内容及JSON.stringify函数应用
Mar 29 Javascript
jquery对单选框,多选框,文本框等常见操作小结
Jan 08 Javascript
JS控制表单提交的方法
Jul 09 Javascript
Vue中使用vux的配置详解
May 05 Javascript
关于foreach循环中遇到的问题小结
May 08 Javascript
angular将html代码输出为内容的实例
Sep 30 Javascript
Vuejs监听vuex中值的变化的方法示例
Dec 02 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
May 20 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
vue自定义指令和动态路由实现权限控制
Aug 28 Javascript
jQuery判断元素上是否绑定了指定事件的方法
Mar 17 #Javascript
jQuery验证元素是否为空的两种常用方法
Mar 17 #Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 #Javascript
jQuery支持动态参数将函数绑定到事件上的方法
Mar 17 #Javascript
jQuery实现预加载图片的方法
Mar 17 #Javascript
jQuery检测鼠标左键和右键点击的方法
Mar 17 #Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 #Javascript
You might like
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
js代码实现微博导航栏
2015/07/30 PHP
javascript getElementsByName()的用法说明
2009/07/31 Javascript
一些实用的jQuery代码片段收集
2011/07/12 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
提取字符串中年月日的函数代码
2013/11/05 Javascript
js中arguments的用法(实例讲解)
2013/11/30 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
JQuery中使文本框获得焦点的方法实例分析
2015/02/28 Javascript
js实现从中间开始往上下展开网页窗口的方法
2015/03/02 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
jQuery simpleModal插件的使用介绍
2016/08/30 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
VueJS如何引入css或者less文件的一些坑
2017/04/25 Javascript
使用Node.js实现简易MVC框架的方法
2017/08/07 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
2019/10/15 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
python实现根据图标提取分类应用程序实例
2014/09/28 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
Django中反向生成models.py的实例讲解
2018/05/30 Python
Python利用ORM控制MongoDB(MongoEngine)的步骤全纪录
2018/09/13 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
iPython pylab模式启动方式
2020/04/24 Python
python和c语言哪个更适合初学者
2020/06/22 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
高清安全摄像头系统:Lorex Technology
2018/07/20 全球购物
Kathmandu美国网站:新西兰户外运动品牌
2019/03/23 全球购物
历史系自荐信范文
2013/12/24 职场文书
2014年副班长工作总结
2014/12/10 职场文书