Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 循环jQuery中的文本?_Javascript_Jquery - Fatal编程技术网

Javascript 循环jQuery中的文本?

Javascript 循环jQuery中的文本?,javascript,jquery,Javascript,Jquery,我正试图使它,以便当我点击一个按钮时,文本将发生变化。我已经能够做到这一点,但是,我想去下一个文本列表。对于每次单击按钮,文本应更改为新内容 我只能换一次。我不知道该怎么做才好。这是我的密码: $(document).ready(function(){ $(".button").click(function(){ $("#text").text("I have changed!"); }); }); 您需要有一个当前计数器和一个文本数组 步骤1:将文本添加到数

我正试图使它,以便当我点击一个按钮时,文本将发生变化。我已经能够做到这一点,但是,我想去下一个文本列表。对于每次单击按钮,文本应更改为新内容

我只能换一次。我不知道该怎么做才好。这是我的密码:

$(document).ready(function(){
    $(".button").click(function(){
        $("#text").text("I have changed!");
    });
});

您需要有一个
当前
计数器和一个
文本数组

  • 步骤1:将文本添加到数组中
  • 步骤2:初始化计数
  • 步骤3:以编程方式添加第一个值
  • 第4步:增加计数
  • 第5步:更新文本
  • 第6步:确保没有超出边界。所以使用模数
片段

$(文档).ready(函数(){
//步骤1:在数组中添加文本。
var text=[“你好,世界!”,“你好,Praveen!”,“你好,StackOverflow”];
//步骤2:初始化计数。
var计数=0;
//步骤3:以编程方式添加第一个值。
$(“#text”).text(text[count]);
$(“.button”)。单击(函数(){
//步骤4:增加计数。
计数++;
//步骤5:更新文本。
//第六步:确保没有边界,所以使用模数。
$(“#text”).text(text[count%text.length]);
});
});

更改