javascript - 使用jQuery迭代值的问题

我一直困扰着使用jquery从编辑文本中检索多个值的问题。我有两个动态输入文本框，在检索的同时，我可以得到一列文本。如何获取两个输入文本框的值

<script type="text/javascript">
$(function () {
    $("#btnAdd").bind("click", function () {
        var div = $("<div />");
        div.html(GetDynamicTextBox(""));
        $("#TextBoxContainer").append(div);
    });
    $("#btnGet").bind("click", function () {
        var values = "";
        var values1 = "";
        $("input[name=name]").each(function () {
            values += $(this).val() + "\n";
        });
        alert(values);
    });
    $("body").on("click", ".remove", function () {
        $(this).closest("div").remove();
    });
});
function GetDynamicTextBox(value) {
    return '<input name = "name" type="text" value = "' + value + '" />&nbsp;<input name = "designation" type="text" value = "' + value + '" />&nbsp;' +
            '<input type="button" value="Remove" class="remove" />'
}
</script>

**Expected Output:**
name:Ram , deisgnation:SE
name:Tom, Designation:PM

最佳答案

您仅获得name输入的值，而不是designation输入。

$("input[name=name]").each(function() {
    values += "Name:" + $(this).val();
    values += ", designation:" + $(this).next().val() + "\n";
});