изменить изображение в JQuery?

Question

у меня есть этот jquery-код, который отлично работает, но изображение в конце не меняется на src, указанный здесь:

JQuery:

    $(document).ready( function() {
      $("a.vote_up").click(function(){
        //get the id
        var the_id = $(this).attr('id');

        //the main ajax request
        $.ajax( {
          type: "POST",
          data: "action=vote_up&id=" + the_id,
          url: "ajax/votes.php",
          success: function( msg ) {
            $("span.vote_count#"+the_id).html(msg).fadeIn();
// my problem is here 
            $(".vote_up#" + the_id + " img").attr("src", "img/upvoteActive.png");
          }
        } );
      } );
    } );

HTML-код:

<a href='#' class='vote_up' id="$id"><img src="img/uparrow.png" /></a>

Answer 1

Не используйте класс в сочетании с ID;это избыточно, потому что ID всегда должен быть уникальным ...

 $("#" + the_id + " img").attr("src", "img/upvoteActive.png");

Также нельзя использовать символ $ в атрибуте ID.Чтобы указать W3C в атрибуте ID ...

токены ID и NAME должны начинаться с буквы ([A-Za-z]) и могут сопровождатьсяколичество букв, цифр ([0-9]), дефисов ("-"), подчеркиваний ("_"), двоеточий (":") и точек (".").

Answer 2

Похоже, вы используете один и тот же идентификатор несколько раз (img и count).Попробуйте сделать идентификатор более уникальным, например:

<a href='#' class='vote_up' id="$id_link"><img src="img/uparrow.png" /></a>
<span class="vote_count" id="$id_count"></span>