Question

所以我有一个切换的div，里面有一个图像，可以切换下一个div的滚动：

<div class="section">
<img src="on.png"> Stuff </div>
<div class="under" style="height:302px;"> Hi </div>

以下是JQuery：

$(".section").click(function(){
    $(this).next('div').slideToggle(1200);
});

我如何在我的div的click函数上这样做，它将图像切换为“off.png”？如果src是“off.png”，它会切换到“on.png”？谢谢。（对不起，我还是JQuery的菜鸟）

Answer 1

$(function(){ 
    $(".section").click(function(){ 
   $("img").attr('src',  
                ($("img").attr('src') == 'http://www3.picturepush.com/photo/a/2772891/64c/png/power-off.png?v0'  
                    ? 'http://kiwianon.com/forums/Themes/Simple_Green/images/on.png'  
                    : 'http://www3.picturepush.com/photo/a/2772891/64c/png/power-off.png?v0' 
                     ) 
                )  
    }); 
});

demo

Answer 2

$(".section").click(function(){

    var img = $(this).find("img").eq(0); //add an Id to your img tag so you can refine this selector. 
    if(img.attr("src") == "on.png")
    {
        img.attr("src","off.png");
    }
    else{
        img.attr("src","on.png");
    }

    $(this).next('div').slideToggle(1200);
});

Answer 3

肯，这很简单！只需使用以下代码：

$('.section').click(function(){
var currentimg=$(this).find('img').attr('src');
if(currentimg=="off.png"){
$(this).find('img').attr('src','on.png');
}
else{
$(this).find('img').attr('src','off.png');
}
});

Answer 4

使用$(selector).attr("src", "theImageFilePath")更改图片。

状态可以用几种方式表示，包括全局/模块变量，$（选择器）.data（...），或者只是通过检查“src”属性的当前值。

JQuery - 点击一个div内的图像？

4 个答案: