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 相关文章推荐
js中iframe调用父页面的方法
Oct 30 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
Angular.js 实现数字转换汉字实例代码
Jul 14 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
Aug 26 Javascript
JavaScript实现同一个页面打开多张图片
Dec 29 Javascript
深入理解Javascript箭头函数中的this
Feb 13 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
Vue监听页面刷新和关闭功能
Jun 20 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 Javascript
js中延迟加载和预加载的具体使用
Jan 14 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 版本]
2007/03/20 PHP
PHP实现的权重算法示例【可用于游戏根据权限来随机物品】
2019/02/15 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
JQuery 学习技巧总结
2010/05/21 Javascript
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
简要了解jQuery移动web开发的响应式布局设计
2015/12/04 Javascript
jQuery mobile 移动web(6)
2015/12/20 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
详解Angular4中路由Router类的跳转navigate
2017/06/09 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
vue router下的html5 history在iis服务器上的设置方法
2017/10/18 Javascript
解析Vue.js中的组件
2018/02/02 Javascript
关于js对textarea换行符的处理方法浅析
2018/08/03 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
2019/11/26 Javascript
Python中的__new__与__init__魔术方法理解笔记
2014/11/08 Python
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
在cmd中运行.py文件: python的操作步骤
2018/05/12 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
Python小程序 控制鼠标循环点击代码实例
2019/10/08 Python
Python多重继承之菱形继承的实例详解
2020/02/12 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
Spartoo瑞典:鞋子、包包和衣服
2018/09/15 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
渡河少年教学反思
2014/02/12 职场文书
校本培训个人总结
2015/02/28 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
幼儿体育课教学反思
2016/02/16 职场文书
Python insert() / append() 用法 Leetcode实战演示
2021/03/31 Python
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript