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 相关文章推荐
TBCompressor js代码压缩
Jan 05 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
JavaScript中的比较操作符&gt;、=、
Dec 31 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 Javascript
jQuery简单设置文本框回车事件的方法
Aug 01 Javascript
node.js实现复制文本到剪切板的功能
Jan 23 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jQuery length 和 size()区别总结
Apr 26 jQuery
详解vue-router传参的两种方式
Sep 10 Javascript
vue中使用props传值的方法
May 08 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
让的PHP代码飞起来的40条小技巧(提升php效率)
2010/04/12 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
Laravel框架实现redis集群的方法分析
2017/09/14 PHP
写入cookie的JavaScript代码库 cookieLibrary.js
2009/10/24 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
jQuery打印图片pdf、txt示例代码
2014/07/22 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
Select下拉框模糊查询功能实现代码
2016/07/22 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
ionic中列表项增加和删除的实现方法
2017/01/22 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
JavaScript伪数组用法实例分析
2017/12/22 Javascript
laydate时间日历插件使用方法详解
2018/11/14 Javascript
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
Python的动态重新封装的教程
2015/04/11 Python
Python中的集合类型知识讲解
2015/08/19 Python
Python随机函数random()使用方法小结
2018/04/29 Python
Python面向对象程序设计类变量与成员变量、类方法与成员方法用法分析
2019/04/12 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Python decorator拦截器代码实例解析
2020/04/04 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
泰国网上购物:Shopee泰国
2018/09/14 全球购物
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
武汉某公司的C#笔试题面试题
2015/12/25 面试题
小学生家长寄语
2014/04/02 职场文书
小学生自我评价100字(15篇)
2014/09/18 职场文书
网络研修心得体会
2016/01/08 职场文书
解决Jenkins集成SonarQube遇到的报错问题
2021/07/15 Java/Android