jQuery问题？

Question

我有这个 jquery 问题我已经有好几天了，我对此很陌生，所以请原谅我在这个主题上的愚蠢。谢谢:))

html代码：

<ul class="statuses">
<li id="set_23" class="message">
  // this is meant to increase everytime you click the vote_up just like stackoverflow 
  <span class="vote_count">27</span>
  <a href="#" class="vote_up"><img src="img/uparrow.png" /></a>
  <a href="#" class="vote_down"><img src="img/downarrow.png" /></a>

 </li>

</ul>

这是我的 jquery 代码：

$(document).ready(function() {
    $('#statuses').delegate('.vote_up', 'click', function() {
       //get the id
        var the_id = $(this).closest('.message').attr('id').split('_').pop();
        //the main ajax request
        $.ajax({
            type: "POST",
            data: "action=vote_up&id=" + the_id,
            url: "ajax/votes.php",
            success: function (msg) {
                  // fade in the new vote_count
                $(this).siblings("span.vote_count").html(msg).fadeIn();
                  // get the child <img> and set its src
                $(this).children("img").attr("src", "img/uparrowActive.png");
            }
        });
    });

});

编辑：jquery fade.in 和图像 src 的更改也不起作用，我是否引用了正确的跨度或类（ajax 请求现在正在工作）

Answer 1

首先要跳出来：

<ul class="statuses"> 

和

$('#statuses')

... jQuery 中的 # 符号是 id-selector（与 CSS 相同）。由于您的<ul> 设置为class="statuses"，因此您需要使用类选择器：

$('.statuses')

仅此一项就会破坏你所有的 jQuery

Answer 2

来自 jQuery 文档：

beforeSend、error、dataFilter、 成功和完整的选择都需要 调用的回调函数 适当的时间。这个对象 因为他们都将成为对象 传递给 $.ajax 的上下文属性 在设置中；如果那不是 指定它将参考 Ajax 设置本身。

所以，请尝试将 context: this 添加到您的 ajax 请求选项中。

Answer 3

改变这个

var the_id = $(this).closest('.message').attr('id').split('_').pop();

到这里

var the_id = $(this).parents('.message').attr('id').replace('set_', '');

或者

var the_id = $(this).parent().attr('id').replace('set_', '');

如果您知道链接的父元素将始终为ul.message。