tableのtrのインデックス番号を取得します.sectionRowIndex

1118 ワード

<table id="tb1">
<tr onclick="javascript:alert(this.sectionRowIndex)"><td>   </td></tr>
<tr onclick="javascript:alert(this.sectionRowIndex)"><td>   </td></tr>
</table>

trラベルを通ります.sectionRowIndexは、table内のtrのインデックス位置を取得できます.インデックスは0から始まり、類似配列の下付きです.
jqueryと組み合わせることで、行を隔てて色を変える機能を素早く簡単に作ることができます.
function setTrColor(TableID) {
    $("#" + TableID).find("Tr").each(function () {
        var RowIndex = parseInt(this.sectionRowIndex);
        if (RowIndex > 0 && RowIndex < $("#" + TableID).find("Tr").length - 1) {
            this.style.backgroundColor = (RowIndex % 2 == 0) ? "#fff" : "#444";

            this.onmouseover = function () {
                this.style.backgroundColor = "#cfc";
            }
            this.onmouseout = function () {
                this.style.backgroundColor = (RowIndex % 2 == 0) ? "#fff" : "#444";
            }
        }
    });
}