开发者

How to know which div I clicked to change it's content?

开发者 https://www.devze.com 2023-02-17 18:37 出处:网络
I\'m achieving a \"delete comments system\", a \"delete div\" near to each comment, but I\'m stuck on how to know in whichI clicked on \"Delete\" button after a jquery post function runs? and then how

I'm achieving a "delete comments system", a "delete div" near to each comment, but I'm stuck on how to know in which I clicked on "Delete" button after a jquery post function runs? and then how to show "deleted" word appeares in place of the last "delete" clicked on?

<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]; ?>" cl开发者_如何学Goass="comm">
</div>

Any help will be greatfully appreciated. Salutations.


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


You need to grab the value of the class in your input element.

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

Although I would put the commentId in a value attribute:

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

Because your click function is attached to the a you will need to use jquery to get it

$(".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 makes all this simpler but I am answering the question asked

not tested so there might be typos

0

精彩评论

暂无评论...
验证码 换一张
取 消