Question

我已经问了一个问题，基本上我的代码很好。我想。

    $(document).ready(function(){
    $(".colorDiv").mouseover(function(){
        var image = $(this).attr("src");
        $(this).css("border", "2px solid #2F4F4F");
        $(".mPhoto[src='photos/WP_20140621_002.jpg']").replaceWith(image);
    });
    $(".colorDiv").mouseout(function(){
        $(this).css("border", "none");
    })
});

我需要的是.colorDiv类div中的imgs来替换.mPhoto div。

我得到的是.mPhoto img正在消失，任何帮助都不会被任何帮助所取代。

我很新

Answer 1

你必须做这样的事情：

$(".mPhoto[src='photos/WP_20140621_002.jpg']").attr("src", image);

这将获取您的新来源（存储在image变量中）并将其放在src类的.mPhoto属性中，该属性具有您指定的旧源。

要清楚这会从您的代码中替换此行：

$(".mPhoto[src='photos/WP_20140621_002.jpg']").replaceWith(image);

Answer 2

试试这个：

$(document).on("mouseover",".colorDiv",function(e) {

        var image = $(this).attr("src");
        $(this).css("border", "2px solid #2F4F4F");

        $(".mPhoto[src='photos/WP_20140621_002.jpg']").attr("src",image);

});


$(document).on("mouseout",".colorDiv",function(e) {

        $(this).css("border", "none");

});

尝试使用jquery交换img与另一个

2 个答案: