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 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
javascript Zifa FormValid 0.1表单验证 代码打包下载
Jun 08 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
JavaScript原生对象之Date对象的属性和方法详解
Mar 13 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
Jun 30 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
微信小程序联网请求的轮播图
Jul 07 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
Node.js使用MySQL连接池的方法实例
Feb 11 Javascript
node+express框架中连接使用mysql(经验总结)
Nov 10 Javascript
使用refresh_token实现无感刷新页面
Apr 26 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者的疑难问答(2)
2006/10/09 PHP
php中的ini配置原理详解
2014/10/14 PHP
PHP 使用memcached简单示例分享
2015/03/05 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
浅谈PHP中的那些魔术常量
2020/12/02 PHP
jquery批量控制form禁用的代码
2013/08/06 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
用box固定长宽实现图片自动轮播js代码
2014/06/09 Javascript
JavaScript中的Web worker多线程API研究
2014/12/06 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
Vue组件BootPage实现简单的分页功能
2016/09/12 Javascript
D3.js实现简洁实用的动态仪表盘的示例
2018/04/04 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
2019/12/10 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
[48:37]EG vs OG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[01:21:07]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
python的urllib模块显示下载进度示例
2014/01/17 Python
python自动安装pip
2014/04/24 Python
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
python+tkinter编写电脑桌面放大镜程序实例代码
2018/01/16 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的
2020/04/20 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
Python使用Pygame绘制时钟
2020/11/29 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
2014年学生会部门工作总结
2014/11/07 职场文书
2015年护理工作总结范文
2015/04/03 职场文书
物业保安辞职信
2015/05/12 职场文书
2016庆祝教师节新闻稿
2015/11/25 职场文书
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
Spring Bean是如何初始化的详解
2022/03/22 Java/Android