javascript - 使用 jQuery 查找行索引

Question

<div class="parent">
  <div class="formRow js-TextBox"><a></div>  <------ index 0
  <div class="formRow js-Image"><a></div> <------ index 1
  <div class="formRow js-TextBox"><a></div><------ index 2
  <div class="formRow js-ImageList"><------ index 3
  <div class="formRow js-Image"><a></div> <-- **This should return 3 but is returning 4 because I search index on the basis of formRow**
</div>

查找 formRow 索引的代码

var parent = $(this).parents("div.formRow");
var rowIndex = parent.parent().find("div.formRow").index(parent);

请引用上面的代码并告诉我如何找到我点击 anchor 元素a的formRow的索引。

问题是最后一个表单行包含另一个 formRow，但我想要父表单行的索引。

Answer 1

我会消除歧义并在渲染时向元素提供行号，即

<div class="formRow js-TextBox" id="row<%= rownumber %>"><a></div>

或者作为 anchor 的 ID:

<div class="formRow js-TextBox"><a id="row<%= rownumber %>"></div>

有多种方法可以解决这个问题。我总是发现，如果某件事看起来很难，那么我就是从错误的方向(或者完全错误)接近它。