javascript - addClass 与 jQuery 不工作

Question

我正在更改表中 2 行的数据位置。向上箭头和向下箭头图像的类设置不正确。

如果 position 是 1，那么它应该只是一个向下的箭头。同样，如果位置是最后一个，则只有向上箭头应该可用。在任何其他情况下，两个箭头都应该可见。

这是我尝试过的 JavaScript:

function sortTable( tablename )
{
    var count = $("#" + tablename + " tr").length;
    $("#" + tablename + " tr").each(function()
    {
        var that = $(this);
        if (that.data("position") == 1)
        {
            $(this)
                .find("img.rowUp")
                .addClass("imgDisplayNone" );
        }
        else if (that.data("position") == count)
        {
            $(this)
                .find("img.rowDown")
                .addClass("imgDisplayNone" );
            console.log("positon == anzahl" + that.data("position") + " anzahl " + count);
        }
        else if(that.data("position")>1 && that.data("position")< count)
        {
            $(this)
                .find("img.rowUp")
                .removeClass("imgDisplayNone" );
        }
    });

}

我认为问题在于源代码和 DOM 操作之间的差异，但我不确定如何解决它。

我读到我需要 jQuery 的 .index，但我不知道如何实现它。

感谢您的帮助。

这是一个Fiddle来证明我的问题。

Answer 1

你可以只用 CSS 做到这一点:

tr:first-child img.rowUp { display: none }
tr:last-child img.rowDown { display: none }

http://jsfiddle.net/Q6Q8T/