Javascript 无论在何处单击范围，都要提交表单，但由于表单id重复，无法正常运行

由于.view\u it span是表单标记的直接子级，因此可以通过span.parentNode获取对表单的引用

您应该从表单中删除replicing id属性现在不需要它

id属性用于唯一标识页面上的DOM元素。不要重复

$('.view_it').on('click', function(e){
    e.preventDefault();
    var f = this.parentNode;
    f.submit();
});

---

您可以使用最接近的方法获取表单，而不必引用表单id。最接近的方法将沿着DOM树向上移动，并返回与传递的表达式匹配的第一个单一祖先

<button type="button" ...

$('.view_it').on('click', function(e){
    $(this).closest('form').submit();
});

$('.view_it').on('click', function(e){
    e.preventDefault();
    var f = this.parentNode;
    f.submit();
});

<button type="button" ...

$('.view_it').on('click', function(e){
    $(this).closest('form').submit();
});

$('.view_it').on('click', function(e){
    e.preventDefault();
    var form = $(this).closest("form");
    form.submit();
});