获取数据表中的行数据 - Javascript

在Javascript中，获取数据表中的行数据有多种方法，本文将介绍基于原生Javascript和jQuery的两种方法。

原生Javascript

获取数据表对象

首先，我们需要获取数据表对象。可以通过document.getElementById()方法获取，该方法返回指定ID的元素。具体操作如下：

var table = document.getElementById("table-id");

其中，"table-id"需要替换成你自己数据表的ID名。

获取行元素

获取行元素有两种途径。

1.通过行索引获取行元素

可以通过table.rows集合获取所有行元素，然后通过行索引获取指定行元素。具体操作如下：

var row = table.rows[index];

其中，"index"需要替换成你要获取的行的索引值。

2.通过行ID获取行元素

可以通过document.getElementById()方法获取指定行元素。具体操作如下：

var row = document.getElementById("row-id");

其中，"row-id"需要替换成你自己行的ID名。

获取行数据

获取行数据有两种途径。

1.通过遍历行元素获取行数据

可以通过遍历行元素获取行数据。具体操作如下：

for(var i=0; i<row.cells.length; i++){
    var data = row.cells[i].innerHTML;
}

其中，"cells"属性返回行元素中的所有单元格元素，"innerHTML"属性返回单元格元素中的HTML代码。

2.通过单元格元素获取行数据

可以直接通过单元格元素获取行数据。具体操作如下：

var cell = row.cells[index];
var data = cell.innerHTML;

其中，"index"需要替换成你要获取的单元格的索引值。

jQuery

获取行元素

和原生Javascript一样，我们首先需要获取数据表和行元素。可以通过jQuery选择器获取，具体操作如下：

var table = $("#table-id");
var row = table.find("tr:eq(index)");

其中，"table-id"需要替换成你自己数据表的ID名，"index"需要替换成你要获取的行的索引值。

获取行数据

获取行数据也有两种途径。

1.通过遍历行元素获取行数据

可以通过遍历行元素获取行数据。具体操作如下：

row.find("td").each(function(){
    var data = $(this).html();
});

其中，"td"选择器返回行元素中的所有单元格元素，"$()"方法将DOM对象转换为jQuery对象，"html()"方法返回单元格元素中的HTML代码。

2.通过单元格元素获取行数据

可以直接通过单元格元素获取行数据。具体操作如下：

var cell = row.find("td:eq(index)");
var data = cell.html();

其中，"index"需要替换成你要获取的单元格的索引值。

总结

无论是原生Javascript还是jQuery，获取数据表中的行数据都非常简单。希望本文对你有所帮助！