Javascript 从多个输入字段抓取文本

如何使用jquery从多个输入字段中获取文本。目前我的函数如下所示

$("#submit").click(function() {
    $("#inputDiv").text($("input").val());
})

这只从第一个输入字段获取，但是如何使它获取每个字段的值

以下是我迄今为止的一些工作：

$（“#提交”）。单击（函数（）{
$（“#inputDiv”）.empty（）；
$（'input'）。每个（函数（）{
$（“#inputDiv”）.append（$（this.val（））.append（“
”）；
});
})

---

您需要遍历所有字段

您可以使用jQuery

.map

方法获取所有值并将它们附加到适当的元素

$("#submit").click(function() {
    $("#inputDiv").text( 
       $("input").map(function() { return this.value; }).get().join(',') 
    );
});

这是我的版本

$("#submit").click(function() {    
    var str = "";
    $("input").each(function(e){
        var currentItem = $(this).val();
        str = str + currentItem;
    });
    $("#inputDiv").html(str);
})

---

你是说这样的话吗@SpYk3HH是的，但它们将是独立的元素。最终我想用元素创建一个表单，您可以在以后添加值。是的，没问题，请坚持

。每个
建议，并学习更多地使用类名，而不是id，只是一个建议。这不会逃避HTML。最好是
$（“#inputDiv”）.text（$（“#inputDiv”）.text（）+$（this.val（））@blgt我还想在每个条目后添加一个br，.text（）将覆盖所有内容。@Silkster这没关系，你总是要逃避用户输入或冒被@blgt注意到的风险，但这完全是另一个问题。此外，我不想为OP做所有的工作；-）
$("#submit").click(function() {    
    var str = "";
    $("input").each(function(e){
        var currentItem = $(this).val();
        str = str + currentItem;
    });
    $("#inputDiv").html(str);
})