javascript - 多个按钮调用JQuery，需要知道点击了哪个

Question

我有多个按钮可以调用同一个 JQuery 函数。 html 示例:

<tr><td>...</td>
    <td><button class="modify" name="8">Modify</button></td>
</tr>
<tr><td>...</td>
    <td><button class="modify" name="9">Modify</button></td>
</tr>

等等……

还有我的 JQuery 函数:

$(function() {
    var id = $("button").attr("name");
    $("#dialog").dialog({
        autoOpen: false,
        height: 250,
        width: 240,
        modal: true,
        buttons: { 
            "Submit": function() {
                $( this ).dialog( "close" );
                $.ajax({
                    url: 'my_http',
                    type: 'POST',
                data: $my_data,
                }); 
            },
            Cancel: function () {
                $(this).dialog("close");
            }   
        }
    });
    $(".modify").click(function () {
        $("#dialog").dialog("open");
    }
});

如您所见，我现在需要知道单击了哪个按钮(我在对话框函数的开头检索了它的名称)。但是由于它的“可点击性”是由类决定的，而不是 id，所以我得到了列表中的第一个 id(在本例中为 8，即使第 9 个被点击)。

我怎么知道点击了哪一个？如果我使用类，我不知道ids(名称)，如果我使用ids，我怎么知道它被点击了？

Answer 1

在 click() 方法中:

$(".modify").click(function () {
    /* 'this' is the clicked DOM node,
        '$(this)' is the clicked DOM node wrapped in a jQuery object. */
    var clickedButtonName = this.name;
    /* or $(this).prop('name'), but don't use jQuery to access a property that
       can be returned by the DOM API, it's needlessly expensive. */
    $("#dialog").dialog("open");
}