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";
}
}
});
}