获取table中tr的索引号——sectionRowIndex

Elong_Deo

于 2014-07-02 13:58:28 发布

阅读量10w+

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.csdn.net/qq525099302/article/details/36414999

javascript 专栏收录该内容

3 篇文章

订阅专栏

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

通过tr标签.sectionRowIndex可以获取tr在table里的索引位置。索引从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";
            }
        }
    });
}