javascript - 更改元素内的图像？

Question

我有这样的功能

 $(document).ready(function(){
$('.close').click(function(){
     $(this).next(".firsttableheading").slideToggle();

     if($(this).text() == "-" ? $(this).text("+") : $(this).text("-"));
});     
 });

而html是

<a href="#" class="close" onClick="return false">

Evrything 工作正常，但是当我想将图片放在那个 href 中并在点击时更改它时出现问题

例如我有 image1.jpg 和 image2.jpg

 $(document).ready(function(){
$('.close').click(function(){
     $(this).next(".firsttableheading").slideToggle();

     if($(this).img()  == "image1.jpg" ? $(this).img("image2.jpg") : $(this).img("image1.jpg"));
});     
 });

它不工作，也许我没有得到元素好吗？

Answer 1

$(document).ready(function(){
    $('.close').click(function(){
         $(this).next(".firsttableheading").slideToggle();

         var img = $(this).find("img");
         img.attr("src")  == "image1.jpg" ? img.attr("src","image2.jpg") : img.attr("src","image1.jpg");
        });     
  });

或者

$(document).ready(function(){
        $('.close').click(function(){
             $(this).next(".firsttableheading").slideToggle();

             var img = $(this).find("img");
             img.attr('src', function(i,s){ 
                               return s == 'image1.jpg' ? 'image2.jpg' : 'image1.jpg'; });
            });     
      });