javascript - jquery中如何显示图片

Question

<小时/>

我对 Jquery 和 Js 很陌生。我需要帮助。我想在单击时显示图像而不是文本

echo '<a href="#" class="like" id="'.$id_post.'" title="Unlike"><img  src="images/fav1.png" width="32"height="32"></a>';
             }else {
       echo '<a href="#" class="like" id="'.$id_post.'" title="Like"><img  src="images/fav.jpg"width="32"height="32"></a>';
   }

<小时/>

jquery

$(document).ready(function(){
          $(document).on('click', '.like', function(){
              if($(this).attr('title') == 'Like'){
                  $that = $(this);
                  $.post('action.php', {pid:$(this).attr('id'), action:'like'},function(){
                      $that.text('Unlike');
                      $that.attr('title','Unlike');
                  });
              }else{
                  if($(this).attr('title') == 'Unlike'){
                      $that = $(this);
                      $.post('action.php', {pid:$(this).attr('id'), action:'unlike'},function(){
                          $that.text('Like');
                          $that.attr('title','Like');
                      });
                  }
              }
          });
      });

<小时/>

请帮忙

Answer 1

只需在单击时更改 img src，就像处理文本一样。

if($(this).attr('title') == 'Like') {
  $that.find("img").attr("src","images/fav1.png");
}
else if ($(this).attr('title') == 'Like') {
  $that.find("img").attr("src","images/fav.jpg");
}