Question

我有一个盒子，像这样：

<div class="box">
</div>

我想用jquery做一些事情，每次点击.box时都会更改该元素的文本！

例如，

第一次，我点击框，我希望：<div class="box">Test1</div>

第二次，我点击它，我想要这个：<div class="box">Test2</div>

+ ...

我知道我可以将此代码用于点击事件：

$('.box').click(function(){
 $(this).text();
});

但我想做点什么，每次点击都有多个值！

编辑：我不需要值+计数！我每次都需要新的字符串

Answer 1

尝试将您的点击次数存储在变量中。

   var i = 0;
   $('.box').click(function(){
     i++;
     $(this).text('Test'+i);
   });

Answer 2

var clix = 1;
$('div.box').click(function () {
    $(this).text('Test' + clix++);
})

<强> jsFiddle example

Answer 3

这是一种方法。 See this fiddle

$('.box').click(function(){
    var $this = $(this),
        count = $this.data("count") || 0;

    count += 1;
    $this.text("Test" + count.toString());

    $this.data("count", count);
});

Answer 4

您可以使用该代码：

var myTexts = ["text1", "text2", "text3"];

$('div.box').click(function (indexOfArray) {
    $(this).text(myTexts[indexOfArray]);
})

使用jquery为每次单击更改一个元素

4 个答案: