jQuery - 无法获取td的col编号

Question

我尝试通过类名选择td来获取td的列号。但它总是返回-1。有什么问题？

js fiddle

HTML

<table >
<tbody>
    <tr>
        <td >apple</td><td class="current">banana</td><td>cherry</td>
    </tr>
</tbody>

JS

   console.log($("td.current:first").parent().parent().children().index($(this)));

Answer 1

您可以使用不带任何参数的.index()变体来获取基于其兄弟元素的索引

console.log($("td.current:first").index());

演示：Fiddle

Answer 2

简单地说：

console.log($("td").index($("td.current:first")));

正如您所知，$(this)指向window对象，而不是您认为的范围，这在调用的上下文中尚未定义。

另请注意，index()可以正常运作：collection.index(member)。

Answer 3

你没有得到父母那么父母，只需这样做

$("td.current:first").index();