javascript - Ajax 获取元素的 ID，其中有多个元素链接

Question

以下代码是我目前用来尝试将帖子 ID 提供给 vote.php 的代码，但是这当前返回 [object Object]。单击链接时如何传递正确的 ID？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
        $.ajax({  
        type: "POST",  
        data: "id=" + $(this).attr("href", "id"), 
        url: "vote.php"
        });  
</script>

<a href="javascript:;" id="1"><div id="button">Like!</div></a>
<a href="javascript:;" id="2"><div id="button">Like!</div></a>
<a href="javascript:;" id="3"><div id="button">Like!</div></a>

谢谢!

Answer 1

您需要将 ajax 调用绑定(bind)到点击处理程序:

$(document).on("click","a",function(e){
    $.ajax({  
    type: "POST",  
    data: "id=" + $(this).attr("id"), 
    url: "vote.php"
    });
});