从jQuery中的按钮获取数据ID

Question

我有一个按钮，可以调用这样的函数：

<button onClick="editCategory('.$categories->id.')" class="btn btn-primary btn-xs"><i class="glyphicon glyphicon-edit"></i> Edit</button>

并在按钮中我编辑了这样的类别：

function editCategory(id){
     alert('id')
}

当我点击按钮时，我在控制台中收到此错误：

ReferenceError: editCategory is not defined onclick

是什么造成这种错误？是否可以从按钮中删除该功能，以便我可以像这样访问它但仍然获得id的值：

$( "#editCategory" ).click(function(event) {
     // how can I get the id in here?
});

有关详细信息，此按钮位于DataTables Jquery插件中。

Answer 1

尝试在html上添加类别ID作为数据属性，同时添加按钮lst = np.array([1,1,2,3,3,6,6,6,3,2,1]) (lst == 2).sum() 以将事件附加到按钮。

id="editCategory"

在点击事件中，从按钮中检索类别ID：

<button data-category="' . $categories->id . '" class="editCategory btn btn-primary btn-xs"><i class="glyphicon glyphicon-edit"></i> Edit</button>

您还可以使用事件委派：

   $( "button.editCategory" ).click(function(event) {
        var id = $(this).data('category');
        editCategory(id);
    });