Javascript Jquery-获取父元素'；s数据id

一直在查看以前提出的问题，但找不到太多帮助

我有以下html代码，当用户提交我创建的表单（“#编辑表单”）时，通过数据id发送到以下模式。提交函数需要通过前面提到的数据id发送

这是我的密码

打开模式的按钮>>

<button type="button" class="edit-group" title="Edit Group" data-id="<?php echo $group->id ?>" data-name="<?php echo $group->groupName ?>">Edit Group</button>

---

这个

关键字指的是数据对象本身，而不是

#编辑模板表单

。因此，在使用变量之前，请存储变量

this

，如下所示：

$('#edit-template-form').submit(function (e) {
    e.preventDefault();
    var form = $(this);
    var data = {
        id: form.parent().val(form.data('id')),
        name: $('#edit-template-name').val()
    };
    console.log(data);
    return false;
});

---

如果要提交表单控件，它们必须有名称。ID是可选的（通常是不必要的）。使用

var form=this

更具语义。“自我”有点毫无意义。

$('#edit-template-form').submit(function (e) {
    e.preventDefault();
    var data = {
        id: $(this).parent().val($(this).data('id')),
        name: $('#edit-template-name').val()
    };
    console.log(data);
    return false;
});

$('#edit-template-form').submit(function (e) {
    e.preventDefault();
    var form = $(this);
    var data = {
        id: form.parent().val(form.data('id')),
        name: $('#edit-template-name').val()
    };
    console.log(data);
    return false;
});