php mysql + ajax + jquery +刪除動作

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 v Alue和class屬性，我認爲瀏覽器不會將該類分配給該元素。

---

Edit（對於人誰不知道什麼是「失蹤」的意思）：

你的PHP代碼將生成形式

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

的HTML輸出，而它當然應該

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

---

請總是validate您的HTML代碼之前提問。

Answer 3

嘗試

$(document).ready(function() { 

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