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 相关文章推荐
jQuery入门第一课 jQuery选择符
Mar 14 Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 Javascript
zTree插件下拉树使用入门教程
Apr 11 Javascript
Three.js学习之网格
Aug 10 Javascript
Angular.js跨controller实现参数传递的两种方法
Feb 20 Javascript
详解用webpack2.0构建vue2.0超详细精简版
Apr 05 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
Apr 12 Javascript
react 应用多入口配置及实践总结
Oct 17 Javascript
vue.js实现只能输入数字的输入框
Oct 19 Javascript
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
JavaScript Reflect Metadata实现详解
Dec 12 Javascript
vue同个按钮控制展开和折叠同个事件操作
Jul 29 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
PHP5.0对象模型探索之抽象方法和抽象类
2006/09/05 PHP
php设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
thinkphp连贯操作实例分析
2014/11/22 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
JavaScript 精粹读书笔记(1,2)
2010/02/07 Javascript
JavaScript 编写匿名函数的几种方法
2010/02/21 Javascript
js function使用心得
2010/05/10 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
js 获取时间间隔实现代码
2014/05/12 Javascript
NodeJS制作爬虫全过程(续)
2014/12/22 NodeJs
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
2016/05/17 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
详解Angualr 组件间通信
2017/01/21 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
JavaScript数组去重算法实例小结
2018/05/07 Javascript
VUE注册全局组件和局部组件过程解析
2019/10/10 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
Python 比较文本相似性的方法(difflib,Levenshtein)
2018/10/15 Python
python 实现读取一个excel多个sheet表并合并的方法
2019/02/12 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
python爬虫开发之selenium模块详细使用方法与实例全解
2020/03/09 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
Python Pillow(PIL)库的用法详解
2020/09/19 Python
html5 拖拽及用 js 实现拖拽功能的示例代码
2020/10/23 HTML / CSS
ghd法国官方网站:英国最受欢迎的美发工具品牌
2019/04/18 全球购物
阿尔卡特(中国)的面试题目
2014/08/20 面试题
优秀老员工获奖感言
2014/02/15 职场文书
会计自荐信范文
2014/03/09 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
纪念9.18事变演讲稿
2014/09/14 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书