如何使用JQuery设置data-attribute

Question

我正在使用mvc 4并使用vs 2012。

在我看来，我有一张桌子，我希望桌面行能够在用户点击它时改变它的颜色。我在中添加了一个data-rowidx属性。当用户clicl在一行时，将读取attribte，然后将属性值更改为行index + 1.当我使用firefox进行调试时，我发现当我点击第三行时，新值3被保存到属性中（我在调试的html选项卡中找到它），但是当我点击另一行时，我发现值不是3，而是1，一个初始值。似乎页面重新加载。以下是代码。谢谢。

function rowClicked(row) {
    var tableId = "#" + row.getAttribute("data-tableId");
    var nthrow = $(tableId).data("rowidx");
    if (nthrow != 0) {
        $(tableId + " tr:nth-child(" + nthrow.toString() + ")").attr("style", "background-color:#efeeef");
    }
    var idx = $(row).index() + 1;
    $(tableId).attr("data-rowidx", idx.toString());
    $(row).attr("style", "background-color:yellow");
    var txtboxName = "#" + row.getAttribute("data-textboxId");
    $(txtboxName).focus();
}