JQuery each（）：索引始终为0 [重复]

Question

我有一个 jquery .each() 嵌套在 Datatables action 函数中。我试图获取选中行的值（td），所以我想我使用传递给 each() 函数的索引并使用索引来选择行（tr）。索引始终为 0。我的方法似乎有缺陷，但这是一个开始。我需要选中行中的值。

var data = hesTable.$('input[type="checkbox"]:checked').each(function (index, element) {
                        var item = $(this);
                        alert(index);
                        alert('Row index: ' + item.index())
                        alert('Row index: ' + item.parent().index());
});

HTML (MVC)

<tbody>
            @if (Model.HesViewModels != null)
            {
                // Can't use the DisplayTemplate here because need to assign Data-* attributes
                //
                //foreach (var item in Model.HesViewModels)
                for (var i = 0; i < Model.HesViewModels.Count; i++)
                {
                    // Make sure Hes Service returns data
                    //
                    if (Model.HesViewModels[i] != null)
                    {
                        <tr>
                            <td>
                                @Html.CheckBoxFor(s => Model.HesViewModels[i].Process,
                                  new
                                  {                                      
                                      data_detailid = Model.HesViewModels[i].PartnerReferralDetailId,
                                      data_reasoncode = Model.HesViewModels[i].ReferralDetailReasonCode,
                                      data_statuscode = Model.HesViewModels[i].ReferralDetailStatusCode,
                                      data_outcomecode = Model.HesViewModels[i].ReferralDetailOutcomeCode
                                  })
                            </td>
                            <td>@Model.HesViewModels[i].PartnerReferralDetailId</td>
                            <td>@Html.TextBoxFor(m => Model.HesViewModels[i].ReferralDetailStatusCode)</td>
                            <td>@Html.TextBoxFor(m => Model.HesViewModels[i].ReferralDetailReasonCode)</td>
                            <td>@Html.TextBoxFor(m => Model.HesViewModels[i].ReferralDetailOutcomeCode)</td>
                        </tr>
                    }
                }
            }
        </tbody>

渲染的 HTML

<input data-detailid="1578441" data-outcomecode="154" data-reasoncode="9" data-statuscode="8" data-val="true" data-val-required="The Process field is required." id="HesViewModels_0__Process" name="HesViewModels[0].Process" type="checkbox" value="true" /><input name="HesViewModels[0].Process" type="hidden" value="false" />

Answer 1

尝试使用选择器"table tr:has(:checked)" 仅选择具有input 元素的tr，其中checked 是true。方法迭代 tr 元素而不是 input 元素，以避免需要在 .each() 中选择父元素

$("table tr:has(:checked)").each(function(index, element) {
  console.log($(this).index())
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<table>
  <tbody>
    <tr>
      <td>
        <input type="checkbox" />
      </td>
    </tr>
    <tr>
      <td>
        <input type="checkbox" checked />
      </td>
    </tr>
    <tr>
      <td>
        <input type="checkbox" checked />
      </td>
    </tr>
  </tbody>

Answer 2

因为 index() 是基于兄弟姐妹的。并非页面上的所有复选框。所以使用行的索引。

item.closest("tr").index()

如果你想得到 tds，那么你真的不需要 index()

item.closest("tr").find("td")