从HTML表中提取数据

时间:2019-01-16 13:41:01

标签: javascript jquery html

我有一张显示这些值的表格。

turn-right
Go straight
turn-left

我如何获得第二个值仅直走?我有以下代码。

var text = $('#personDataTable tr:first td:first').text();

上面的代码使我获得了第一个“右转”功能。我尝试使用

var text = $('#personDataTable tr:second td:first').text();

但不起作用。

这是我用来绘制表格的代码。

function drawTable(data) {
  for (var i = 0; i < data.routes[0].legs[0].steps.length; i++) {
    drawRow(data.routes[0].legs[0].steps[i]);
  }
}

function drawRow(steps) {
  var row = $("<tr />")
  $("#personDataTable").append(row); 
  row.append($("<td>" + steps.maneuver + "</td>"));
  console.log('Added Table');
}

这是我的html

<table id="personDataTable">
  <tr>
    <th>Maneuver</th>  
  </tr>
</table>

1 个答案:

答案 0 :(得分:1)

tr:second是无效的CSS。正确的语法是:

'#personDataTable tr:nth-child(2) td:first'