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'; });
            });     
      });

更改元素内的图像？

1 个答案: