使评论可编辑 - Jquery点击功能不起作用

Question

我打印了这样的评论（在图片上给出）

         <div class=\"comment\"  id='".$query['C_id']."'>

         <p>Comment from 
           <span class=\"namecomment\">'".$query['c_name']."'</span> 
           <span>( ".$sWhen." )</span>:
         </p>
         <p><span id='first_".$query['C_id']."'>".$query['c_text']."</span></p>

         <textarea name=\"comment\"  class=\"editbox\"id='first_input_".$query['C_id']."'>".$query['c_text']."</textarea></div>

html看起来像这样

<div class="pright">
    <div id=\"commentdiv\">
        <span id=\"commentspsn\"></span>
        <div id=\"comments_list\">  
        <div class=\"comment\"  id='12'>

             <p>Comment from 
               <span class=\"namecomment\">'ali'</span> 
               <span>( date )</span>:
             </p>
             <p><span id='first_1'>this</span></p>

             <textarea name=\"comment\"  class=\"editbox\"id='first_input_1'>this</textarea></div>
</div>
        </div>

（textarea显示=“无”）

它看起来像这样

我尝试了很多方法来选择此评论并获取此attr（'id'） 我错过了一些东西，因为我无法做到这一点

我正在尝试的jquery代码

    $(document).ready(function(){
  $(".pright").click(function(){
   alert ($(this).find('.comment').attr('id'));
  });
});


    });
    </script>

我可以通过点击div .pright来获得警报但是我不需要点击.comment来获取它的属性`id

Answer 1

尝试将 event delegation 用于动态创建的元素：

$(document.body).on('click','#comments_list .comment',function() {
    var ID=$(this).attr('id');
    alert(ID);
});

Answer 2

在没有做任何修补的情况下，我看到的第一件事就是缺少;，所以试试这个。

$(document).ready(function()
{
     $("#comments_list .comment").click(function()
     {
         var ID=$(this).attr('id');
         alert (ID);
     });
});