php mysql + ajax + jquery + delete action

Question

Я создаю систему комментариев, использующую php и mysql для хранения данных, и ajax с jquery. Вся система работает хорошо, но когда дело доходит до действия удаления, ничего не происходит, как эта кнопка делает не имеет никакого действия или отношения с системой, может кто-нибудь мне помочь ???

comment_box.php

<li class="comment-holder" id="_<?php echo $comment->comment_id; ?>"> 
    <div class="user-img"> 
    <img src="<?php echo $user->profile_img; ?>" class="user-img-pic" /> 
     </div> 
     <div class="comment-body"> 
      <h3 class="username-field"> 
        <?php echo $user->userName; ?> 
      </h3> 
       <div class="comment-text"> 
        <?php echo $comment->comment; ?>   
       </div> 
     </div> 
     <div class="comment-buttons-holder"> 
      <ul> 
       <li id="<?php echo $comment->comment_id; ?>"class="delete-btn">X</li> 
      </ul> 
      </div> 
     </li> 

comment_delete.js (я тестирование удаления кнопки с поджигателями)

$(document).ready(function() { 

    $('.delete-btn').each(function() { 
     var btn = this; 
     $(btn).click(function(){ 
      console.log("the id " + btn.id); 

     })  
    }); 
}); 

Answer 1

Попробуйте

$(document).ready(function() { 

    $('.delete-btn').each(function(i,el) { 
     $(el).click(function(){ 
      console.log("the id " + $(this).attr('id')); 

     })  
    }); 
}); 

Answer 2

<li id="<?php echo $comment->comment_id; ?>"class="delete-btn">X</li> 

Поскольку вам не хватает пробел между значением id и значением class, я думаю, что браузер просто не назначает этот класс этому элементу.

---

Edit (для людей, которые не знают, что «не хватает» средств):

Ваш PHP код будет генерировать HTML вывод формы

<li id="123"class="delete-btn">X</li> 

в то время как она должна быть, конечно,

<li id="123" class="delete-btn">X</li> 

---

Pl легко всегдаvalidate ваш код HTML до задавая вопросы.

Answer 3

Попробуйте

$(document).ready(function() { 

    $('.delete-btn').click(function() { 
     var comment_id = $(this).attr('id'); 
     alert(comment_id); 
    }); 
});