javascript - JQuery .val() 返回html(不是输入字段的值)

Question

给定 html:

<div id="rearGearInputContainer">
    <input id="rear1"></input>
    <input id="rear2"></input>
    <input id="rear3"></input>
    <input id="rear4"></input>
</div>

在 Chrome 控制台中输入:

$('#rearGearInputContainer').find("input").each(function () {return $(this).val();})

结果是一个 html 数组:

[<input id=​"rear1">​, <input id=​"rear2">​, <input id=​"rear3">​, <input id=​"rear4">​]

...不是我期望的输入字段值的数组。谁能解释为什么？谢谢。

Answer 1

您正在尝试在每个方法中返回，我认为您不希望这样做。我认为您的意思是使用 map() 方法:

var vals = $('#rearGearInputContainer').find("input").map(function () {
    return $(this).val();
}).get()

JSFiddle