Как обновить опцию выбора для нескольких целей?

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> скрыт.

Каждый раз, когда вы нажимаете на первый <td> каждого <tr>, покажите элемент <select>.

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