如何爲多個目標更新選擇選項？

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

是的，可以這樣做。我假設目標你想附加一個事件處理程序，既然你想顯示「該選項」該行，我假設<select>元素是隱藏的。

每次點擊每個<tr>的第一個<td>時，顯示<select>元素。

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