нельзя назвать «это» правильно в JQuery

Question

У меня есть следующий JQuery, который, кажется, работает хорошо, за исключением:

$(this).attr('src', 'img/upgreen.png'); 

Есть ли причина, почему это не будет работать?

$(function addThumbs() { 
$('.vote-up').bind('click', function() { 
    // 'this' is a DOM element 
    // wrap 'this' in a jQuery object 
    var img = $(this); 
    // now we have the full jQuery API at our disposal 
    var review_id = $('#review_id').val(); 
    var user_id = $('#user_id').val(); 


    if (user_id == 1) 
     { alert('...'); } 
    else 
    { 
      $("#flash").show(); 
      $("#flash").fadeIn(400).html('<img src="ajax-loader.gif" />Loading Comment...'); 
      $.ajax({ 
         type: "POST", 
         url: "ajax-thumbsup.php", 
           data:{ 
           "user_id" : user_id, 
           "review_id" : review_id  //we are passing the name value in URL 
           }, 
         cache: false, 
         success: function(html) 
          { 
          $("#progressdiv").show(); 
          $("#progressdiv").fadeIn(400).html('success'); 
          $(this).attr('src', 'img/upgreen.png'); 
          } 
        }); 
    }return false; 
}); 

});

HTML внутри цикла

        <div class="thumbs"> 
             <input type="hidden" id="review_id" value="<?php echo $review['review_id']?>" /> 
             <input type="hidden" id="user_id" value="<?php echo $user_id ?>" /> 
             <div id="pluses">0</div> <div id="progressdiv"></div> 
             <a><img class="vote-up" src="img/up.png" alt="thumbs up" /> </a> 

             <a><img class="vote-down" src="img/down.png" alt="thumbs down" /> </a> 
             <div id="minuses">0</div> 
            </div> 

            <div class="thumbs"> 
             <input type="hidden" id="review_id" value="<?php echo $review['review_id']?>" /> 
             <input type="hidden" id="user_id" value="<?php echo $user_id ?>" /> 
             <div id="pluses">0</div> <div id="progressdiv"></div> 
             <a><img class="vote-up" src="img/up.png" alt="thumbs up" /> </a> 

             <a><img class="vote-down" src="img/down.png" alt="thumbs down" /> </a> 
             <div id="minuses">0</div> 
            </div> 

Answer 1

this внутри обратного вызова AJAX не то же самое, как this внутри обработчика щелчка.

К счастью, вы уже сохранили ссылку на него! Использование:

img.attr('src', 'img/upgreen.png'); 

NB: если вы спасены img = this вместо img = $(this) вы могли бы просто написано:

img.src = 'img/upgreen.png'; 

без вызова JQuery.