$（this）.index（）和element.index（this）之间的差异

Question

我试图使用$(this).index()获取输入框的索引并且索引错误。

在Google中找到应用$("input").index(this)并且有效之后。很好奇，知道这两种方法有什么不同，以及为什么早期的方法没有用。

Answer 1

$(this).index()将返回与父元素相关的索引。

$("input").index(this)根据调用.index（）的元素集返回pass项的索引。

考虑这个HTML

<table>
  <tr>
    <td>
      <input type="text">
    </td>
  </tr>
  <tr>
    <td>
      <input type="text">
    </td>
  </tr>
</table>

然后是代码，

$("input").click(function() {
  alert($(this).index());
  alert($("input").index(this));
});

• alert($(this).index());将始终提示0，因为它是一个 并且只有其父TD的子元素。
• alert($("input").index(this));将为第一个输入返回0，为下一个输入返回1.

选中此Demo