jquery - 如何使用 JQuery 设置数据属性

Question

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

在我看来，我有一个表格，我希望表格行能够在用户点击它时改变它的颜色。我在 . 当用户clicl一行时，将读取属性，然后将属性值更改为行索引+ 1。当我使用firefox调试时，我发现当我点击第三行时，新值3被保存到属性中（我是在debug的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();
}