使用jquery考虑colspan获取td的索引

时间:2014-02-08 11:24:14

标签: jquery

“我希望id:Second的索引为2(将#First视为2列)。但是在$("#Second").parent().find("td").index($("#Second"))的帮助下,我得到1. Jquery中的任何Direct函数都可以执行此操作而无需我使用FOR LOOPS或.each函数或任何类型的循环???“

<table>
<tr>
<td colspan="2" id="First">
</td>
<td colspan="2" id="Second">
</td>
</tr>
</table>

1 个答案:

答案 0 :(得分:7)

  

Jquery中的任何Direct函数都可以执行此操作而无需使用FOR LOOPS或.each函数或任何类型的循环???&#34;

不,我不相信有。当然,循环是微不足道的。

var index = 0;
$("#Second").prevAll("td").each(function() {
    index += this.colSpan;
});
console.log(index);

输出:

2

...这是该单元格的从0开始的索引,包括colspans。

Live Example | Source

同样,用这个:

<table>
    <tr>
        <td>One column wide</td>
        <td colspan="2">Two columns wide</td>
        <td>One column wide</td>
        <td colspan="2" id="Last">Two columns wide</td>
    </tr>
</table>

该代码为最后一列(第5列的从0开始的索引)提供了4Live Example | Source