jquery - 将值传递给 jquery 对话框的按钮

Question

我在一个表中创建了多个按钮，它们看起来都像这样：

<button class="editbutton">Edit</button>

在此表中，按钮将具有与其关联的类型，APPLE 或 ORANGE。

我想要做的是将这种类型传入我的 javascript 以打开一个 jquery 对话框。我可以做这样的事情：

<button class="editbutton" onclick="edit('<?php echo $result[$i]["type"]; ?>');" >Edit</button>

现在我有了类型，然后在编辑功能中进行处理。但是我的代码的结构方式我正在寻找一种在不创建函数的情况下传递类型的方法（只是因为我构建代码的方式）。所以我需要知道当按钮是 APPLE 还是 ORANGE 时，我可以打开一个特定的 jquery 对话框。

希望很清楚我在寻找什么。

Answer 1

将点击监听器附加到您的按钮 - http://jsfiddle.net/XPQ5Y/

<button class="editbutton" data-type="apple">Edit</button>

$(".editbutton").on("click", function() {
    var type = $(this).attr("data-type");

    // do your stuff here
});