4

jQueryを使用して、tdが属する列番号を確認したいと思います。

例えば：

<table>
    <tr>
        <td>Row1, Column1</td>
        <td>Row1, Column2</td>
    </tr>
    <tr class="totalRow">
        <td>Row2, Column1</td>
        <td class="columnChild">Row2, Column2</td>
    </tr>
</table>

クラスが。のセルの列番号を検索したいcolumnChild。これがの2番目の子であり.totalRow、テーブルの2番目の列であることはわかっていますが、これを見つけるにはどうすればよいですか？

最終的に私が達成したいのは、これを配列に追加して、のクラスを持つ列にcolumnChild追加し、これらを配列に追加して、2番目の子のテーブルの各行に対して関数を実行できるようにすることです。

私はこれを数回書いてみましたが、少しのコーダーブロックにぶつかっているので、助けていただければ幸いです。さらに情報が必要な場合は、お知らせください。できる限りの情報を提供します。

4

2 に答える 2

11

tr内のtdのインデックスを取得するには、次のように使用できます。

var index = $('.columnChild').index();

このクラスのセルが複数あり、それらのインデックスを配列に入れたい場合（「最終的に」で始まる2番目の質問を理解できるかどうかはわかりません）、次のことができます。

var indexes = $('.columnChild').map(function(){return $(this).index()});
于 2013-01-04T18:04:00.357 に答える
0

したがって、2番目の子のテーブルの各行に対して関数を実行できます。

これにより、クラス.columnChildのtd要素の配列が得られます（クラスtotalRowのtr要素内）。

$(".totalRow .columnChild")

this will allow to iterate through the array

 $(".totalRow .columnChild")

 .each(function (index, element)
{

  // element is the tr element

  // your function
});

これがお役に立てば幸いです。

于 2013-01-04T18:23:37.257 に答える