jQuery 数据表正在返回 html

Question

I'm using jQuery DataTables for one project. I applied datatable to an existing table, as shown below:

var table = '#datatable-1';
var dataTable = $(table).DataTable({
    'paging'      : true,
    'lengthChange': true,
    'searching'   : true,
    'ordering'    : true,
    'info'        : true,
    'autoWidth'   : false,
    select: {
        style: 'multi'
    }
});

Then I iterate over each row of the table, try to get the row content, but I obtained some HTML inside.

dataTable.rows({
    order: 'applied',
    page: 'all',
    search: 'applied',
    selected: true
}).every(function (rowIdx, tableLoop, rowLoop) {
    console.log(this.data());
});

And this is the result after I do a console.log(this.data()) .

Array [ "A &amp; B", "143 AVE", "", "AMAZON", "EU", "", "<textarea name="" rows="1"></textar…" ]

Anyone knows how to get the row content like is shown in the table?

Answer 1

You can iterate over dummy elements to translate html entities by text() or extract form input values by val() (as I believe you want as well) :

table.rows().every(function() {
  var data = this.data();
  data.forEach(function(d, index, arr) {
    d = $('<div>').html(d);
    arr[index] = d.val() || d.text()
  })
  console.log(data)
})

demo -> http://jsfiddle.net/ocL7xhzg/

In your case the array would be logged out as

Array [ "A & B", "143 AVE", "", "AMAZON", "EU", "", "" ]

Answer 2

You have an Array. You can get first record (A & B) with this.data()[0] . Increase array index for next values.