Jquery问题.click .each

Question

你能用这个基于JQUERY的代码帮助我吗？

<script>
$(function() {      
    $("#chatIM").each(function() { 
        $(this).click(function() { 
            $.post("chatController.php", { action:"getChat", 
                               user:"<?php echo $loggedInUser->display_username; ?>", 
                               other: $(this).attr("title"), 
                               type: "<?php echo USERTYPE; ?>"}, 
            function(data) { 
                $("#chatUsers").empty(); 
                $(document.createElement("div")).attr({id: 'chatbox'}).html(data).prependTo("body"); 
            }); 
        });
    }); 
});
</script>

<a id="chatIM" title="gowthami">CHAT ME</a>
<a id="chatIM" title="vaisakhi">CHAT ME</a>

我不知道问题出在哪里,但是当我按下第一个按钮时它可以工作但是第二个它不起作用(将会有很多具有相同ID的A标签,因此代码必须对每个按钮起作用.也许它在.each .click或其他地方的语法错误.你能帮助我吗？

Answer 1

如果为多个元素分配相同的id,它将导致问题,ID在文档中应该是唯一的.你可以改用类 -

<a class="chatIM" title="gowthami">CHAT ME</a>
<a class="chatIM" title="vaisakhi">CHAT ME</a>

你的jQuery将改为 -

$(".chatIM").each(function ...