javascript - jQuery的addClass无法正常工作

我正在更改表中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来演示我的问题。

最佳答案

您可以使用CSS来做到这一点：

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

http://jsfiddle.net/Q6Q8T/