Question

我想通过点击角色创建者中的箭头按钮来更改div内容。

首先点击箭头 - 显示“text”，
第二次点击 - “text2”，
第三次点击 - 显示第一个内容“text”。

我试图自己写这个，但它总是不起作用。有任何想法吗？提前谢谢！

Answer 1

您可以在此方案中使用条件。

像这样：

var clickCount = 1;

$('#arrow').click(function(){
   if((clickCount%2) == 0){
      $('#divId').text('text1');
   } else {
      $('#divId').text('text2');
   }
   clickCount++;
});

您应该根据HTML更改选择器的ID。

Answer 2

在没有看到您的代码的情况下，首先可能是通常尝试此类代码：

var count=0;
$('.arrow-button').on('click', function(e) {
    e.preventDefault();
    if (count==0)  {
        $('.text-div').html('text2');
        count=1;
    } else {
        $('.text-div').html('text1');
        count=0;
    }
});

Answer 3

试一试。它使用数组来确定单击按钮时应显示的字符串。您可以在数组中添加其他字符串，它仍然可以正常工作。

Iterator<String> iter = characters.iterator();
while (iter.hasNext()) {
    String c = iter.next();
    if (userGuess.equals(c)) {
        // characters.remove(c);
        iter.remove();
        contains = true;
    }
}

http://jsfiddle.net/IronFlare/be3o264t/1/

单击箭头按钮更改div内容

3 个答案: