jquery - 使用 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());
});