Jquery Closest无法单独返回表单数据返回undefined

问题描述 投票:0回答:2

我有一个循环中的表单,我必须单独捕获这个表单数据并采取行动。但我无法用最接近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>';
}
?> 
javascript php jquery html
2个回答
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>';
}
?>

0
投票

你需要添加“。” while引用jquery中的一个类,替换你的代码。最接近的是父标记,我在表单中看不到任何带有添加类的元素。

var v = $(this).closest(".division").find("input[name=’roll’]").val();
© www.soinside.com 2019 - 2024. All rights reserved.