jquery - 如何知道我点击了哪个 div 来更改它的内容？

Question

我正在实现一个“删除评论系统”，每条评论附近都有一个“删除 div”，但我被困在如何知道在 jquery 发布功能运行后我点击了“删除”按钮的位置？然后如何显示“已删除”字词出现在最后点击的“删除”位置？

<script ..>
$(".click).click(function(){
$.post("do.php",{...},function(data){/* I'm here*/})
});
</script>

<?php
$result = mysql_query("select * from ...");
while($data = mysql_fetch_array($result )){
?>
<div class="comment">
..
<a href="#" class="click">Delete</a>
<input type="hidden" value="<?php echo $data[0]; ?>" class="comm">
</div>

任何帮助将不胜感激。问候。

Answer 1

您需要在输入元素中获取类的值。

<input type="hidden" class="<?php echo $idComm; ?>"> 

虽然我会将 commentId 放在 value 属性中：

<input type="hidden" value="<?php echo $idComm; ?>" class="commentId">

因为您的点击功能附加到 a 您将需要使用 jquery 来获取它

$(".click).click(function(){
    var parentDiv = $(this).parent();    // get parent div
    var commentId = parentDiv.find('input#commentId').val();  // get comment id 
    $.post(
       "do.php",
       { "commentId" : commentId },   // post comment id to server to extract from POST variable
       function(data, textStatus, XMLHttpRequest) {
           parentDiv.empty();       // Removes whats inside your div
           parentDiv.append('deleted')    // adds deleted inside the div
       }
   );
});

JQuery ajax 让这一切变得更简单，但我正在回答提出的问题

没有测试所以可能有错别字

Answer 2

$(".click").click(function(){
    var me = this;
    $.post("do.php",{...},function(data){ alert(me); )
});