Извлечение всех выбранных значений строк с помощью jquery

Question

Привет Я использую следующий код jquery для чтения флажков выбранных строк с использованием каждого класса. Одна строка HTML является

<input id="_GridView3_chkEmployee" type="checkbox" name="$GridView3$ctl02$chkEmployee" /> 
     </td><td> 
        <span id="GridView3_ctl02_lblId" class="IDName">687</span> 
       </td><td> 
        <span id="_GridView3_ctl02_lblCompany" class="FName">Xyz Inc.</span> 
       </td><td> 
        <span id="_GridView3_ctl02_lblDun">12323</span> 
       </td> 

Проблемой с следующим кодом JQuery является то, что предупреждение будет отображаться все значения для IDName и Fname вместо того, чтобы просто показывать проверенную строку.

$(document).ready(function() { 
    $("#submit").click(function() { 
     alert("starting"); 
     $("#<%=GridView3.ClientID%> input[id*='chkEmployee']:checked").each(function() { 
      alert($('.IDName').text()); 
      alert($('.FName').text()); 
     }); 
    }); 
}); 

Как я могу получить этот код, чтобы просто оповещения для отдельных значений .IDName и .FName для выбранной строки, проверяется? Благодаря

Answer 1

Вы можете сделать это -

$("#<%=GridView3.ClientID%> input[id*='chkEmployee']:checked").each(function() { 
      alert($(this).closest('tr').find('.IDName').text()); 
      alert($(this).closest('tr').find('.FName').text()); 
});