javascript - 遍历 JQuery Bootgrid 表中的行并提取值？

Question

我正在尝试遍历 Jquery Bootgrid 表中的项目列表并提取要在其他地方使用的值。这是我的伪代码:

for (each row in or-table) {
  var code = the value in data-column-id="code";
  var latitude = the value in data-column-id="lat";
  var longitude = the value in data-column-id="long";
  
  Console.log("code: " + code);
  Console.log("latitude: " + latitude);
  Console.log("longitude: " + longitude);
}

<table id="or-table" class="table table-condensed table-hover table-striped" data-toggle="bootgrid">
  <thead>
    <tr>
      <th data-column-id="code" >Symbol Code</th>
      <th data-column-id="lat" >Latitude</th>
      <th data-column-id="long" >Longitude</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>

我只想遍历表中的行并将单元格中的值保存到变量中。我一直无法找到使用 Bootgrid 的示例。

Answer 1

您可以遍历所有行并访问其中的元素。

   $("#or-table tr").each(function(i, row){
      var code = $(":nth-child(1)", row).html();
      var latitude = $(":nth-child(2)", row).html();
      var longitude = $(":nth-child(3)", row).html();

      Console.log("code: " + code);
      Console.log("latitude: " + latitude);
      Console.log("longitude: " + longitude);
    });

如果不是这样，将类添加到每个单元格类型，如 .code_value、.lat_value、.lng_value 并在 each() 中访问它们作为 $(row ).find(".code_value").html().
或者通过参数名称 $(row).find("[data-column-id='code']").html()

查找它们