javascript-Ajax获取具有多个元素链接的元素的id

以下代码是我当前用来尝试将帖子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>

谢谢！

解决方法:

您需要将ajax调用绑定到点击处理程序：

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