c# - 如何在点击时交换图像？

Question

我想在点击时交换图像，如果我从向下图像点击到向上图像，但如果我点击该图像，它又不会出现向下图像...... 我得到一些错误-x.attr("src") 未定义

 $(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 是什么，但下一个来阅读您的代码的人可能不知道。