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 相关文章推荐
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
jQuery源码分析之Callbacks详解
Mar 13 Javascript
使用window.prompt()实现弹出用户输入的对话框
Apr 13 Javascript
关于JS中prototype的理解
Sep 07 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
Mar 08 Javascript
Webpack+Vue如何导入Jquery和Jquery的第三方插件
Feb 20 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
js获取文件里面的所有文件名(实例)
Oct 17 Javascript
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 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
仿Aspnetpager的一个PHP分页类代码 附源码下载
2012/10/08 PHP
CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解
2016/11/01 PHP
PHP中file_put_contents追加和换行的实现方法
2017/04/01 PHP
php 策略模式原理与应用深入理解
2019/09/25 PHP
js静态作用域的功能。
2006/12/25 Javascript
js网页右下角提示框实例
2014/10/14 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
jquery easyui validatebox remote的使用详解
2016/11/09 Javascript
ES6新特性三: Generator(生成器)函数详解
2017/04/21 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
element-ui表格数据转换的示例代码
2018/08/24 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
2018/11/30 Javascript
vue中使用腾讯云Im的示例
2020/10/23 Javascript
python的常见命令注入威胁
2013/02/18 Python
Python的print用法示例
2014/02/11 Python
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
Python算术运算符实例详解
2017/05/31 Python
Python cookbook(数据结构与算法)筛选及提取序列中元素的方法
2018/03/19 Python
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
python中类的属性和方法介绍
2018/11/27 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
HTML5中的网络存储实现方式
2020/04/28 HTML / CSS
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
英国汽车座椅和婴儿车购物网站:Uber Kids
2017/04/19 全球购物
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
Vero Moda西班牙官方购物网站:丹麦BESTSELLER旗下知名女装品牌
2018/04/27 全球购物
微软加拿大官方网站:Microsoft Canada
2019/04/28 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
两道JAVA笔试题
2016/09/14 面试题
后勤人员岗位职责
2013/12/17 职场文书
迁户口计划生育证明
2014/10/19 职场文书
个人原因辞职信模板
2015/05/13 职场文书
深入理解go slice结构
2021/09/15 Golang