点击正文上的引导数据表

Question

我让这段代码运行良好。如果我使用此代码if ($(e.target).is("#checkId_ i")) 和if ($(e.target).is("[id^=checkId_] i"))，它将跳过正文单击中的if 语句。我只是从我朋友那里看到了整个代码，但我问他，他也不知道是什么原因。

下面的代码可以正常工作而我的测试代码不能正常工作的原因是什么？

数据表

columns:
    [
      { data: "testID", title: "Test Click Button", searchable: false, orderable: false, sClass: "alignCenter",
            "mRender": function (data) {
             return '<button type="button" class="btn btn-info btn-xs action" id="checkId_' + data + '"><i class="fa fa-dollar fa-fw action"></i></button>'
            + '&nbsp; <button type="button" class="btn btn-danger btn-xs action" id="checkId2_' + data + '"><i class="fa fa-dollar fa-fw action"></i></button>';
            }
        }
    ]

正文点击

$('#tbltest tbody').on('click', 'tr', function (e) {
    debugger;
    if ($(e.target).is("[id^=checkId_],[id^=checkId_] i")) {
        alert("Button 1 is Click");
    } else if ($(e.target).is("[id^=checkId2_],[id^=checkId2_] i")) {
        alert("Button 2 is Click");
    }
    return;
});

Answer 1

我建议你使用最接近的：

$('#tbltest tbody').on('click', 'tr', function (e) {
    e.preventDefault();
    if ($(e.target).closest("[id^=checkId_]").length) {
        alert("Button 1 is Click");
    } else if ($(e.target).closest("[id^=checkId2_]").length) {
        alert("Button 2 is Click");
    }
});