Question

我正在制作一个刽子手游戏，我能够让用户输入一个单词，我能够将其更改为一个数组。现在我似乎无法获取这些数组值并使它们显示为单独的跨度。

var makeAlphabetArr;
var $wordInput = $(wordInput);
var x;
var p = $('#wordInputArr');
var button = $('button');
var startGame = $('startGame');

button.click(function(){
  if (startGame){
console.log('it works');

将一个变量设置为wordInput

userWord = $wordInput.val();
makeAlphabetArr();
spanValues();
}
});

用于获取userWord并拆分为数组的函数

function makeAlphabetArr(){
 x = userWord;

获取用户输入并将其拆分为数组值

 x = x.split('');
  console.log(x);
  p.val(x).hide();
}

Answer 1

您可以使用jQuery的each方法遍历数组：

function makeAlphabetArr(){
    x = userWord;
    x = x.split('');
    console.log(x);
    $(x).each(function() {
        p.append($('<span>').html(this));
        console.log(this);
    });
}

在循环内部，this将是用户输入词的字母。

jquery each

如何获取数组项并在html中进行相应的跨度

1 个答案: