Question

在this示例中，提供了一个jQuery函数，当单击它时，它会打印出旧文本和元素的新文本，以及当前元素的索引。我非常确定索引必须递增（因为正在添加新元素）。但是在测试代码时，为什么索引始终显示为0？

$("#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 + ")"; 
  });
});

Answer 1

您是否听说过w3fools.

我建议您按照jQuery official帮助。

功能（索引，文字） 返回要设置的文本内容的函数。接收集合中元素的索引位置和旧文本值作为参数。

这里索引始终为零的原因是它只有一个p元素，所以它总是索引0.假设你在列表中有多个li，使用索引：

$( "ul li" ).text(function( index ) {
   return "item number " + ( index + 1 );
});

将产生：

<ul>
<li>item number 1</li>
<li>item number 2</li>
<li>item number 3</li>
</ul>

w3schools关于带索引的jQuery回调函数的例子

1 个答案: