javascript - jquery通过php echo实现多个id选择器

Question

HTML代码

jquery多个id选择器通过php只有一个id(qid)工作正常

<a class="clinks" style="text-decoration: none; font-weight:bold;" 
     id="msgr<?php echo $d['qid'];?>" href="javascript:void(0)">message</a>
<div id="chatbox<?php echo $d['qid'];?>" ></div>

Jquery代码

$("#msgr").click(function(){
    $("#chatbox"+qid).fadeIn();
});

请解释我的代码有什么问题，我尝试了很多方法但不起作用，请帮助我解决这个问题。

Answer 1

这是在 jquery 中管理动态 ID 的方法

改变

id="msgr<?php echo $d['qid'];?>

至

<a class="clinks" style="text-decoration: none; font-weight:bold;" 
     id="msgr_<?php echo $d['qid'];?>" href="javascript:void(0)">message</a>

然后就可以通过

获取点击的消息

<script type="text/javascript">
         $('[id^="msgr_"]').on('click',function(){
         var index = $(this).attr('id').split("_")[1];
         $("#chatbox"+index).fadeIn();
     });
    </script>