獲取數據表中選定行的第一列值

Question

$('.example tbody').on('click', 'tr', function(){ 
    var id = this.id; 
    var index = $.inArray(id, selected); 
    if (index === -1) 
    { 
    selected.push(id); 
    } else 
    { 
    selected.splice(index, 1); 
    } 
    $(this).toggleClass('selected'); 
}); 
$('#btn').click(function(){ 
    var dataArr = []; 
    var rowCount = table.rows('.selected').data().length; 
    alert(rowCount); 
}); 

這裏是選擇多行的代碼。在單擊按鈕時，我需要獲取所選行的第一列值並將其存儲在數組dataArr []中。請幫我解決這個問題。

Answer 1

試試這個：

DEMO

$('#btn').click(function(){ 
    var dataArr = []; 
    $.each($("#example tr.selected"),function(){ //get each tr which has selected class 
     dataArr.push($(this).find('td').eq(0).text()); //find its first td and push the value 
     //dataArr.push($(this).find('td:first').text()); You can use this too 
    }); 
    console.log(dataArr); 
}); 

---

UPDATE

你可以使用dataTables如下過於一些本地功能：

$('#btn').click(function(){ 
    var dataArr = []; 
    var rows = $('tr.selected'); 
    var rowData = table.rows(rows).data(); 
    $.each($(rowData),function(key,value){ 
     dataArr.push(value["name"]); //"name" being the value of your first column. 
    }); 
    console.log(dataArr); 
}); 

UPDATED DEMO

Answer 2

古魯普拉薩德代碼（完美的）小得心應手的更新。

var table= $('#YourTableName').DataTable(); 
$('#button').click(function() { 
      var arr = []; 
      $.each(table.rows('.selected').data(), function() { 
       arr.push(this["ColomnName"]); 
      }); 
});