jQueryを使用すると、複数の列にまたがるセルに複数のインデックスがあるように、下のサンプルテーブルの任意のテーブルセルの列インデックスを見つける方法はありますか?それはおそらく、プラグインとして、あるいは延長を経由して、それを行うには意味をなさないと思いますテーブルに列スパニングセルが含まれているときにjQueryを使用して列インデックスを検索する
var index = 0;
cell.parent('tr').children().each(
function(idx,node) {
if ($(node).attr('colspan')) {
index+=parseInt($(node).attr('colspan'),10);
} else {
index++;
}
return !(node === cell[0]);
}
);
console.log(index);
:
HTML
<table>
<tbody>
<tr>
<td>One</td>
<td>Two</td>
<td id="example1">Three</td>
<td>Four</td>
<td>Five</td>
<td>Six</td>
</tr>
<tr>
<td colspan="2">One</td>
<td colspan="2">Two</td>
<td colspan="2" id="example2">Three</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
<td>Four</td>
<td>Five</td>
<td>Six</td>
</tr>
</tbody>
</table>
jQueryが
var cell = $("#example1");
var example1ColIndex = cell.parent("tr").children().index(cell);
// == 2. This is fine.
cell = $("#example2");
var example2ColumnIndex = cell.parent("tr").children().index(cell);
// == 2. It should be 4 (or 5, but I only need the lowest). How can I do this?
あなたは自分で何かを書く必要があると思います(下のセスのように)。ただし、行スパンに注意すると、計算が難しくなります。 – aquinas
@aquinas - rowspans ... ewww。 – seth
このコードは私の探求に役立ちました! – mjbates7