jquery 参数传递和赋值问题
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text(function(i,origText){
return "Old text: " + origText + " 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>
代码的目的是点击按钮显示以前的内容加上后加的内容
$("#test1").text(function(i,origText){
return "Old text: " + origText + " New text: Hello world! (index: " + i + ")";
});
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("#test1").text(function(i,origText){
return "Old text: " + origText + " 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>
代码的目的是点击按钮显示以前的内容加上后加的内容
我的问题是
$("#test1").text(function(i,origText){return "Old text: " + origText + " New text: Hello world! (index: " + i + ")";
});
中的“origText”变量的内容是从哪里来的，我没看到有地方把原来的内容作为参数传递进去
解答：
这个是关于html使用回调函数的，在jquery中，使用$("***").html(function(){})，其中的function可以带参数，第一个参数是你使用***是匹配出来的元素的index，第二个参数是你使用***匹配出来的控件的.text()内容，也就是和你的命名没有关系的，你可以写成：
$("#text1").html(function(index,text){});
如果你的$("#text1")改成$("p")的话，由于你页面有两个<p>，那么对应的，第一个index=0，第二个index=1，text也自然就是两个P各自对应的内容了，附件中有改动后的东西，你点击一下就明白了
827
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
