改变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

不要将 class 与 ID 结合使用；它是多余的，因为 ID 应该始终是唯一的...

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

此外，您不能在 ID 属性中使用字符 $。引用 W3C 关于 ID 属性...

ID 和 NAME 令牌必须以
字母 ([A-Za-z]) 并可能跟随
由任意数量的字母、数字组成
([0-9])、连字符 (“-”)、下划线
（“_”）、冒号（“:”）和句点
（“。”）。

Answer 2

看起来您多次使用相同的 ID（img 和 count）。尝试使 ID 更加独特，例如：

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