Question

我试图这样做，以便当我点击按钮时文字会改变。我已经能够实现这一点，但是，我想要下载文本列表。对于每个按钮单击，文本应更改为新的。

我只能改变它一次。我不确定该如何去做。这是我的代码：

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

Answer 1

您需要有一个current计数器和一个texts数组。

第1步：在数组中添加文本。
第2步：初始化计数。
第3步：以编程方式添加第一个值。
第4步：增加点数。
第5步：更新文字。
第6步：确保您没有边界线。所以使用模数。

<强>段

＆＃13;

$(document).ready(function() {
  // Step 1: Add the texts in an array.
  var texts = ["Hello, World!", "Hello, Praveen!", "Hello, StackOverflow"];
  // Step 2: Initialize a count.
  var count = 0;
  // Step 3: Programmatically add the first value.
  $("#text").text(texts[count]);
  $(".button").click(function() {
    // Step 4: Increment the count.
    count++;
    // Step 5: Update the text.
    // Step 6: Make sure you don't run of boundaries. So use modulus.
    $("#text").text(texts[count % texts.length]);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="text"></div>
<button class="button">Change</button>

＆＃13;

循环浏览jQuery中的文本？

1 个答案: