Question

我有一个循环的表单，我必须单独捕获此表单数据并采取措施。但是我无法使用最接近的jQuery捕获提交的数据。请任何人通过纠正以下代码的部分来帮助我。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $(".add").on("click", function () {
            var v = $(this).closest("division").find("input[name=’roll’]").val();
            alert(v);
        });
    });
</script>
<?php

for ($i = 1; $i <= 5; $i++) {
    echo'<div class = "division">'
    . '<form method="POST" action="">'
    . '<p><input type="number" name="roll" placeholder="Enter Roll"></p>'
    . '<p><input type="submit" name = "submit" value = "Click"></p>'
    . '</form></div>';
}
?>

Answer 1

请使用此代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $(".add").on("click", function () {
            var v = $(this).closest(".division").find("input[name='roll']").val();
            alert(v);
        });
    });
</script>
<?php

for ($i = 1; $i <= 5; $i++) {
    echo'<div class = "division">'
        . '<form method="POST" action="">'
        . '<p><input type="number" name="roll" placeholder="Enter Roll"></p>'
        . '<p><input type="button" class="add" name = "submit" value = "Click"></p>'
        . '</form></div>';
}
?>

Answer 2

您需要添加“。”而在jquery中引用一个类，则替换您的代码。同样最接近的是引用父标记，并且在表单中我看不到任何带有 add 类的元素。

var v = $(this).closest(".division").find("input[name=’roll’]").val();

jQuery Closest无法捕获表单数据单独返回未定义

2 个答案: