87,997
社区成员
发帖
与我相关
我的任务
分享有人帮忙看看嘛 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>
...全文
请发表友善的回复…
发表回复
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 后面的内容了。
