通过多个输入循环并使用jQuery将答案保存到变量

Question

So far, I have:

$('.the-inputs input').each(function() {
    userAnswer = $(this).val();
});

However, if I console.log this out, it comes out on separate lines (is this an array?) I would like it as a string.

So, if the user enters "Hello" "World" in the two inputs, I want the variable userAnswer = "Hello World" .

I also need the variable accessible outside the function. Am I right in leaving off the var to achieve this?

Answer 1

You can use .map() to solve this:

var userAnswer = $('.the-inputs input').map(function() {
    return $(this).val();
}).get().join(' ');

Answer 2

var userAnswer = '';

$('.the-inputs input').each(function() {
 userAnswer += $(this).val() + ' '; // add to string
});

userAnswer = $.trim(userAnswer);

console.log(userAnswer);