Jquery 如何为dataTable中的不同操作选择图像?
我制作了一个dataTable,每行包含数据项和两个图标图像,一个用于将该项标记为收藏夹,另一个用于通过单击报告一个不合适的项。因此,有两种不同的操作取决于单击的图标。在jquery代码中,标记为收藏夹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 ()
$(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
}