Получить индекс td с учетом colspan с помощью jquery

"Я хочу, чтобы индекс id: Second был равным 2 (учитывая #First как 2 столбца). Но с помощью $("#Second").parent().find("td").index($("#Second")) я получаю 1. Любая прямая функция в JQuery для этого, без необходимости использовать FOR LOOPS или .each функция или какой-либо цикл?" 

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

Ответы

Ответ 1

Любая прямая функция в JQuery, чтобы сделать это без необходимости использования FOR LOOPS или .each функции или любого типа цикла??? "

Нет, я не верю, что есть. Конечно, цикл является тривиальным.

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

Вывод:

2

... который является индексом на основе 0 этой ячейки, включая colspans.

Live Example | Источник

Аналогично, с этим:

<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>

Этот код дает нам 4 для последнего столбца (индекс, основанный на 0 из 5-го столбца). Live Example | Источник