微信扫一扫8.5w+
社区成员
有人帮忙看看嘛 function(i,origText)
能帮忙看看这个i和origText吗
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text(function(i,o){
return "Old text: " + o + " New text: Hello world! (index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i,origText){
return "Old html: " + origText + " New html: Hello <b>world!</b> (index: " + i + ")";
});
});
});
</script>
</head>
<body>
<p id="test1">这是<b>粗体</b>文本。</p>
<p id="test2">这是另一段<b>粗体</b>文本。</p>
<button id="btn1">显示旧/新文本</button>
<button id="btn2">显示旧/新 HTML</button>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text(function(i,o){
return "Old text: " + o + " New text: Hello world! (index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i,origText){
return "Old html: " + origText + " New html: Hello <b>world!</b> (index: " + i + ")";
});
});
});
</script>
</head>
<body>
<p id="test1">这是<b>粗体</b>文本。</p>
<p id="test2">这是另一段<b>粗体</b>文本。</p>
<button id="btn1">显示旧/新文本</button>
<button id="btn2">显示旧/新 HTML</button>
</body>
</html>
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
Sirright 2017-11-10
了解了 谢谢
- 打赏
- 举报
天际的海浪 2017-11-10
添加的版本: 1.4.html( function(index, oldhtml) )
function(index, oldhtml)
类型: Function()
用来返回设置HTML内容的一个函数。接收元素的索引位置和元素原先的HTML作为参数。jQuery的调用这个函数之前会清空元素;使用oldhtml参数引用先前的内容。在这个函数中，this指向元素集合中的当前元素。
- 打赏
- 举报
孟子E章 2017-11-10
你可以看一下文档
http://api.jquery.com/text/#text-function
http://api.jquery.com/html/#html-function
这里的意思是说：
i是前面元素集合的顺序，origText是元素的内容
你的选择器#test2,只有一个元素，因此i的值为0，origText的值就是这是另一段<b>粗体</b>文本。，经过function处理后，#test2值就变成了return 后面的内容了。
- 打赏
- 举报
function(i,origText)中的i和origText的意思 这个问题是我复习jQuery的时候看见的，以前没自己考究：（下面是官方的文档实例） i 就是选中元素的下标，这个例子给...origText就是指的是元素对应的原来内容，也可以打印看下，是origin text的缩写 $(docu
ajax coap_[AJAX] -AJAX,你要学的,都在这儿(封装ajax+使用jQuery.ajax) 实际上这里是可以不用看的,因为jQuery中有人比我们封装的更好,但是还是要领会一下封装的精髓-有复制粘贴的冲动的时候,就可以进行封装了 封装的js /* 页面引用 ;charset=UTF-8" language="java" import="java.util.*...
jQuery 基础 一、jQuery 教程 @author 鲁伟林 一直开发后端，现在开始全栈培养自己。 jQuery是一个JavaScript库，极大的简化了JavaScript编程。...jQuery是一个JavaScript函数库，是一个轻量级的... $("input").focus(function ...
jQuery animate动画/取值/替换值/添加内容 动画的过渡效果看上去还可以,CSS3好像也可以做到那种效果,可能各有各的用途吧, 取值比较好玩,比如取a标签的href值,img的src值,也可以替换,搞个小按钮就自动操作好了,挺方便. CSS部分 <style> ...
【单页应用】一起来单页应用吧，实现简单微博功能！（总结） 前言 本来是说周末研究一下单页应用来着，先是想发出来可以监督自己学习下去，结果谁知道这个水很深，我连着就赔了一个周末进去，到尽头还没搞...传承总比再造好，于是便有了这次的demo，其实就是吸收精华啊！！！...
jQuery 笔记 http://www.w3school.com.cn" id="w3s">W3School.com.cn 显示 href 值 42.$(document).ready(function(){ $("#btn1").click(function(){ $("#test1").text(function(i,origText){ return "Old text: " + origText +...
jQuery教程~~~一文完结 我们知道，虽然JavaScript很好用，但是对于很多人来说，也是希望代码更加的方便，所以我们有jQuery，它是一个JavaScript库，简化了JavaScript编程，并且很容易学习。 我们来看看一个简单的例子： <!DOCTYPE ...
jQuery 2.x：2013年2.0版本发布，不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容ie678，只支持最新的浏览器。除非...
Web_JavaScript_JQuery_JQuery基础知识； <p>If you click on me, I will disappear. </html> 一、jQuery 简介 1、jQuery 库可以通过一行简单的标记被添加到网页中。jQuery 是一个 JavaScript 函数库。 2、特性 (1)、HTML ...
java脚本语言学习心得 程序的运行方式有两种：编译运行和解释运行 1.1 前者的典型代表是java, 从文件角度看分为三步： write[编写]: a.java文件(拿个记事本就能写，扩展名是.java), compile[编译]: 编译(cmd命令是j...
解构公共子串及K阶马尔可夫随机文本 搜索是一个常谈常新的话题，不仅有对数值型数据的搜索，更多的时候还有对字符类型的数据进行搜索的要求。比如常用的各大搜索引擎都是通过获取用户所输入的字符型数据，之后根据引擎自身所采用的算法将输入与网页...
前端学习笔记 1.语义标签 常用的语义化标签： ...区块（有语义化的div） <main></main>主要区域 <artical></artical>主要内容 <aside></aside>侧边栏 <footer></...
易语言分享WMS纯源码，刚开发部分功能源码 简单描述下流程
“生产入库管理”：新增-生效-收货-创建上架单
“上架管理”：自动分配-上架单生效
“作业单管理”：作业单确认
一直开发到现在...实现了“作业单确认”功能，参加活动还来得及吗 ...
