javascript - 如何知道我使用按钮类单击的表单

我怎么知道我点击的表格？有可能使用按钮类而不是具有ID的按钮吗？

$(document).ready(function () {
    $(".form-buttons").click(function () {
        //I only want the form wich corresponds to the button i clicked
        var formDates = $(form).serialize()
        alert ("You clicked "+formDates)
    })
})

<form id="form1">
    <input type="text" value="date1" name="name1"/>
    <input type="text" value="date2" name="name2"/>
    <input type="text" value="date3" name="name3"/>
    <button type="button" class="form-button"></button>
</form>
<form id="form2">
    <input type="text" value="date4" name="name1"/>
    <input type="text" value="date5" name="name2"/>
    <input type="text" value="date6" name="name3"/>
    <button type="button" class="form-button"></button>
</form>

最佳答案

是的，对于相似的元素，请使用class代替id。请尝试这个。

注意：form-button是HTML中的类名，而不是form-buttons

$(document).ready(function () {
    $(".form-button").click(function () {
        var formDates = $(this).closest('form').serialize();
        alert ("You clicked "+formDates)
    })
})

关于javascript - 如何知道我使用按钮类单击的表单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38163269/