我在 DataTables 1.10 中创建了一个表:
var table = $('#table').DataTable( {
"data" : dataSet,
"bInfo": false,
"bFilter" : false,
paging: false,
"createdRow" : function (row,data,index) {
$('td',row).eq(0).attr('id', 'cost-' + index);
$('td',row).eq(1).attr('id', 'resale-' + index);
deleteImage = $('<img />').attr('src', '../../img/details_close.png');
$('td',row).eq(0).append(deleteImage);
$('td',row).eq(0).addClass( 'icons' );
},
"columns" : [
{ title : 'Cost' },
{ title : 'Resale' },
],
"columnDefs": [
{ className: "details-control", "targets": [ 0 ] }
]
});
这很好用。我正在尝试将图像添加到第一个 <td>
使用以下代码:
deleteImage = $('<img />').attr('src', '../../img/details_close.png');
$('td',row).eq(0).append(deleteImage);
$('td',row).eq(0).addClass( 'icons' );
这也很好用。它添加图像,并向特定的<td>
添加一个类。 。
我的问题是我还想添加 id
到这张图片,这样我就可以调用 click event
使用Javascript,但到目前为止我的所有尝试都没有成功,包括:
deleteImage = $('<img />').attr('src', '../../img/details_close.png', 'id','deleteLine');
和
deleteImage = $('<img />').attr('src', '../../img/details_close.png');
deleteID = $('<img />').attr('id', 'deleteLine');
$('td',row).eq(0).append(deleteImage);
$('td',row).eq(0).append(deleteID);
(第二个确实将 <img id="deleteLine">
添加到我的页面,但它与使用 $('td',row).eq(0).append(deleteImage);
插入的图像是分开的,所以这对我没有帮助。)
我只是无法弄清楚让它工作的确切语法......
最佳答案
如果其他人遇到同样的问题,请执行以下操作:
deleteImage = $('<img />').attr({ src:'../../img/details_close.png',id:'deleteLine'});
只需将您要添加的各种元素包含在 { } 中,每个元素之间用逗号分隔。
关于javascript - 向数据表行添加多个自定义属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31884759/