javascript - JQuery 在点击时替换图像

Question

我想扩展一些 JQuery 代码来在单击图像后替换该图像。 我有这个:

var minimiseContent = function(e)
{
    var targetContent = $('div.itemContent', this.parentNode.parentNode);
    if (targetContent.css('display') == 'none') {
        targetContent.slideDown(300);
        var minIcon = $('minimise', this.parentNode.parentNode);
        $(minIcon).attr("src", "../IMG/btnMinimise.png");

    } else {
    targetContent.slideUp(300);
        var minIcon = $('minimise', this.parentNode.parentNode);
        $(minIcon).attr("src", "../IMG/btnMaximise.png");

    }
    return false;
};

由此调用:

$('a.minimise').bind('click', minimiseContent);

并声明如下:

<a href="#" class="minimise"><img src="../IMG/btnMinimise.png" class="minimise" /></a>

本质上，编码第一部分中的两行应该处理它，即

var minIcon = $('minimise', this.parentNode.parentNode);
            $(minIcon).attr("src", "../IMG/btnMinimise.png");

和

        var minIcon = $('minimise', this.parentNode.parentNode);
        $(minIcon).attr("src", "../IMG/btnMaximise.png");

但不知道为什么图像没有被替换。 minimise 是 css 文件中的一个类。其余的编码工作。

我尝试用 $(this)、$(img.minimise) 替换 $(minIcon)，但没有任何效果。 有谁知道有什么解决办法吗？

Answer 1

我的第一印象是你想替换它:

var minIcon = $('minimise', this.parentNode.parentNode);

这样:

var minIcon = $('img.minimise', this.parentNode.parentNode);