如何从特定 table 行的 jQuery 数据 table 访问单元格
How to access Cell from jQuery data tables from specific table row
我有一个 JFiddle,它能够根据需要识别 table 行和 return table 数据,但需要 return 最后两个单元格行,哪些是可写的、修改的和 return 修改的值?如何修改 jQuery 如下?
$(document).ready(function () {
var table = $('#example').DataTable();
$('#example tbody').on('click', 'tr', function () {
$(this).toggleClass('selected');
});
$('#button').click(function () {
var ids = $.map(table.rows('.selected').data(), function (item) {
return item[0]
});
console.log(ids)
for(var i =0;i<table.rows('.selected').data().length;i++){
alert(table.rows('.selected').data()[i] + ' row(s) selected');
}
});
});
根据原始文档,有几种方法可以做到这一点:
https://datatables.net/reference/type/cell-selector
1- 按 ID:
var table = $('#example').DataTable();
var data = table.cell('#cell-2-42').data();
2- 通过 Class
var table = $('#example').DataTable();
var cells = table.cells('.priority');
3- 通过多个选择器:
var table = $('#example').DataTable();
var cells = table.cells('.important, .intermediate');
经过艰苦的测试和实验,这几乎可以做到!
$(document).ready(function () {
var table = $('#example').DataTable();
$('#example tbody').on('click', 'tr', function () {
$(this).toggleClass('selected');
});
$('#button').click(function () {
var ids = $.map(table.rows('.selected').data(), function (item) {
return item[0]
});
console.log(ids)
for(var i =0;i<table.rows('.selected').data().length;i++){
alert(table.rows('.selected').data()[i] + ' row(s) selected');
}
});
var ids = table.rows('.selected').data()
$('#button').click(function( row, data, index ) {
row=table.rows('.selected');
data=table.rows('.selected').data();
if ( data[0] == "1,System Architect,Edinburgh,61,2011/04/25,0,800" ) {
alert($('td:eq(4)',row[1]).text());
}
});
});
我有一个 JFiddle,它能够根据需要识别 table 行和 return table 数据,但需要 return 最后两个单元格行,哪些是可写的、修改的和 return 修改的值?如何修改 jQuery 如下?
$(document).ready(function () {
var table = $('#example').DataTable();
$('#example tbody').on('click', 'tr', function () {
$(this).toggleClass('selected');
});
$('#button').click(function () {
var ids = $.map(table.rows('.selected').data(), function (item) {
return item[0]
});
console.log(ids)
for(var i =0;i<table.rows('.selected').data().length;i++){
alert(table.rows('.selected').data()[i] + ' row(s) selected');
}
});
});
根据原始文档,有几种方法可以做到这一点:
https://datatables.net/reference/type/cell-selector
1- 按 ID:
var table = $('#example').DataTable();
var data = table.cell('#cell-2-42').data();
2- 通过 Class
var table = $('#example').DataTable();
var cells = table.cells('.priority');
3- 通过多个选择器:
var table = $('#example').DataTable();
var cells = table.cells('.important, .intermediate');
经过艰苦的测试和实验,这几乎可以做到!
$(document).ready(function () {
var table = $('#example').DataTable();
$('#example tbody').on('click', 'tr', function () {
$(this).toggleClass('selected');
});
$('#button').click(function () {
var ids = $.map(table.rows('.selected').data(), function (item) {
return item[0]
});
console.log(ids)
for(var i =0;i<table.rows('.selected').data().length;i++){
alert(table.rows('.selected').data()[i] + ' row(s) selected');
}
});
var ids = table.rows('.selected').data()
$('#button').click(function( row, data, index ) {
row=table.rows('.selected');
data=table.rows('.selected').data();
if ( data[0] == "1,System Architect,Edinburgh,61,2011/04/25,0,800" ) {
alert($('td:eq(4)',row[1]).text());
}
});
});