Question

我有几行数据，我需要能够通过第一个td标记定位每一行，然后显示该行的选项。

这可以用JQuery完成吗？

<table id="scontent">
  <tbody>
    <tr class="jqgrow ui-draggable ui-draggable-handle">
      <td>325</td>    <!--I need to target this first-->
      <td>JOHNSON</td>
      <td>
        <select id="activities">
          <option value="0">Select</option>
          <option value="1">Open</option>
          <option value="2">Closed</option>
          <option value="3">Available</option>
        </select>
      </td>
    </tr>
    <tr class="jqgrow ui-draggable ui-draggable-handle">
      <td>321</td>    <!--I need to target this first-->
      <td>MILLER</td>
      <td>
        <select id="activities">
          <option value="0">Select</option>
          <option value="1">Open</option>
          <option value="2">Closed</option>
          <option value="3">Available</option>
        </select>
      </td>
    </tr>
  </tbody>
</table>

Answer 1

是的，可以做到。我假设按目标你要附加一个事件处理程序，因为你想要显示＆＃34;选项＆＃34;该行有，我假设隐藏了<select>元素。

每次点击每个<td>的第一个<tr>时，都会显示<select>元素。

$('tr td:first-child').click(function(){
    $(this).find('select').show();
});

如何更新多个目标的选择选项？

1 个答案: