javascript - jquery选择表行数据的有效方法

Question

我有一个包含多行相同模式的表:

<tr role="row" class="even">
  <td><input type="checkbox" id="valj4"></td>
  <td>Generell grupp</td>
  <td><a href="/Home/DeviceDetails?uuid=2b9fe569-dd6a-403c-b973-fd577acf12b5">IKT Ipad11-    Mirko</a></td>
  <td>Grundinställningar</td>
</tr>

每一行都有一个具有唯一 ID 的复选框，获取选中复选框的行的 UUID 列表的最有效方法是什么。我想使用 jQuery。

Answer 1

$(function() {
  var texts = [];
  $('tr td:has(input:checkbox:checked) ~ td > a').each(function(i, e) {
    texts.push($(e).attr('href'));
  });
  $('#result').html(texts.join('<br/>'));
  
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr role="row" class="even">
    <td>
      <input type="checkbox" id="valj4" checked>
    </td>
    <td>Generell grupp</td>
    <td><a href="/Home/DeviceDetails?uuid=2b9fe569-dd6a-403c-b973-fd577acf12b5">IKT Ipad11-    Mirko (...5)</a>
    </td>
    <td>Grundinställningar</td>
  </tr>
  <tr role="row" class="even">
    <td>
      <input type="checkbox" id="valj4">
    </td>
    <td>Generell grupp</td>
    <td><a href="/Home/DeviceDetails?uuid=2b9fe569-dd6a-403c-b973-fd577acf12b6">IKT Ipad11-    Mirko (...6)</a>
    </td>
    <td>Grundinställningar</td>
  </tr>
  <tr role="row" class="even">
    <td>
      <input type="checkbox" id="valj4" checked>
    </td>
    <td>Generell grupp</td>
    <td><a href="/Home/DeviceDetails?uuid=2b9fe569-dd6a-403c-b973-fd577acf12b7">IKT Ipad11-    Mirko (...7)</a>
    </td>
    <td>Grundinställningar</td>
  </tr>
</table>
<div id="result"/>

获取 UUID 是字符串切割中的一个简单练习。