Jquery 如何为dataTable中的不同操作选择图像?

Jquery 如何为dataTable中的不同操作选择图像?,jquery,datatables,jquery-selectors,Jquery,Datatables,Jquery Selectors,我制作了一个dataTable,每行包含数据项和两个图标图像,一个用于将该项标记为收藏夹,另一个用于通过单击报告一个不合适的项。因此,有两种不同的操作取决于单击的图标。在jquery代码中,标记为收藏夹 $(document).ready(function() { var table = $('#myTable').DataTable(); $('#myTable tbody').on( 'click', 'img', function ()

我制作了一个dataTable,每行包含数据项和两个图标图像,一个用于将该项标记为收藏夹,另一个用于通过单击报告一个不合适的项。因此,有两种不同的操作取决于单击的图标。在jquery代码中,标记为收藏夹

 $(document).ready(function() {
            var table = $('#myTable').DataTable();
             $('#myTable tbody').on( 'click', 'img', function () {
            //mark as favourite
             }

但是这对两个图标都有效,我如何区分它们呢?

您只使用img标记来选择这两个图标。您需要添加一个类名来区分操作

还有一个自定义的数据属性,比如dataid属性,它的值我们以后可以用来标识目标项(数据库id),当您使用ajax()或php填充Datatable()时可以添加它

<img src="fav.png" class="fav" data-id="12"><img src="flag.png" class="flag" data-id="13">

我读完后找到了解决办法 为图像指定不同的类名,然后允许您选择它们

<img class='fv'>
就这些

<img class='fv'>
<img class='cs'>
$('#myTable tbody').on( 'click', 'img.fv', function () {
        //mark as favourite
         }
$('#myTable tbody').on( 'click', 'img.cs', function () {
        //mark as unapropiated
         }