javascript - 单击按钮时显示字符串的每个字符

Question

我对 jQuery 很陌生，我试图在单击按钮时显示字符串的字母。我希望每次单击按钮时，显示的值是“b”，然后是“ba”，然后是“bar”，但现在单击按钮时，显示的唯一内容是“b”。这是我的代码 - 任何帮助将不胜感激!

$(".letter").on('click', function(event){

  var foo = "bar"
  var split = foo.split('');
  $('.answer').val(split[0]);
  split.splice(0,1);


});

Answer 1

DEMO

这与 jQuery 关系不大。您只需要更多一点 JavaScript - 您需要将当前索引存储在某处，并在处理程序中递增它

var index = -1;
$(".letter").on('click', function(event){
  var foo = "bar"

  if (index == foo.length - 1) return;
  $('.answer').val($('.answer').val() + foo.charAt(++index));
});