如何在点击时交换图像？

Question

我想在点击时交换图像,在这里,如果m从向下图像点击到向上但是再次它没有在图像上点击,如果m点击该图像... m geting some error- x.attr("src")is undefined

 $(document).ready(function () {
     $('#sortdivlink').click(function () {

        var x = $("img[src$='../Images/Sort_down.png'][name='stCodeDSC']");

        if (x.attr("SRC") == "../Images/Sort_down.png") {
            x.attr('src', x.attr('src').replace("../Images/Sort_down.png", "../Images/sort_up.png"));
        }
        else {
             x.attr('src',  x.attr('src').replace("../Images/sort_up.png", "../Images/Sort_down.png"));
        }
    });
});

Answer 1

我想这是由于您使用的选择器分配x,可能返回null.我会考虑在图像中添加Id或CSS类,然后将选择器简化为如下所示:

var x = $('img.sortDirectionImage');

或者,如果您知道该sortdivlink元素只有一个图像,则可以只搜索该img元素上下文中的元素,例如:

// within the click function scope
var x = $('img', this);

编辑

另外,我建议使用更多可识别的变量名称; 你可能知道它是什么x,但下一个阅读你的代码的人可能不会.