どのように配列の項目を取ってhtmlの

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'); 

は

function makeAlphabetArr(){ 
x = userWord; 

は、ユーザ入力を受け取り、配列値にそれを分割wordInputにuserWordを取る

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

関数を変数を設定し、アレイに分割

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