function(i,origText)中的i和origText的意思

最新推荐文章于 2021-08-30 13:29:46 发布

原创最新推荐文章于 2021-08-30 13:29:46 发布 · 4.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#origText #i #functioni

前端专栏收录该内容

53 篇文章

订阅专栏

本文通过一个具体的jQuery示例，展示了如何使用函数参数i（元素下标）和origText（原始文本）来动态替换页面上的文本内容。该示例包括了两个按钮，分别用于替换文本内容和HTML内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个问题是我复习jQuery的时候看见的，以前没自己考究：（下面是官方的文档实例）

i 就是选中元素的下标，这个例子给的是id，假如是ul 下面的 li 标签，用的class类我们就可以用下标了，3个li就分别是0,1,2，没有的话（例如这个id）就是为0，可以打印看下

origText就是指的是元素对应的原来内容，也可以打印看下，是origin text的缩写

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#test1").text(function(i,origText){
		alert(origText);
      return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")"; 
    });
  });

  $("#btn2").click(function(){
    $("#test2").html(function(i,origText){
      return "旧 html: " + origText + " 新 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>