jquery onclick hide/show div

Question

У меня есть php-файл, который показывает запросы друзей, скажем, что есть 4 запроса. Я хочу скрыть div с классом «request_buttons», когда пользователь нажимает на прием или отказ от ссылки, но проблема в том, что он скрывает и другие 3 divs, и я хочу скрыть только div, где была нажата ссылка.

Мой HTML-код:

<div class="request_buttons"> 
    <a href="#" onclick="accept(<?php echo $cerere['id']; ?>)">accept</a> 
    <a href="#" onclick="refuse(<?php echo $cerere['id']; ?>)">refuse</a> 
</div> 
<span class="result"></span> 

и браузер:

function accept(id) 
{ 
    $.ajax({ 
     type: "POST", 
     url: "request.php?action=accept", 
     data: "id="+id, 
     success: function(){ 
      $('.request_buttons').hide(); 
      $('.result').html('Request accepted'); 
     } 
    }); 
} 

LE: с помощью кода, предоставленного Royi Намира Я подошел к гуманному (по ошибке). Я изменил HTML для этого:

<div id="2">  
    <div class="request_buttons"> 
    <a href="#" onclick="accept(2)">accept</a> 
    <a href="#" onclick="refuse(2)">refuse</a> 
    </div> 
    <div class="result"></div>    
</div> 

и JQuery с этим:

function accept(id) 
{ 
t = $('#'+id); 
    $.ajax({ 
     type: "POST", 
     url: "request.php?action=accept", 
     data: "id="+id, 
     success: function(){   
     $(t,'.result').first().html('Accepted'); 
     } 
    }); 
} 

И это работает, то ДИВ "request_buttons" и исчезнуть появится сообщение. Я не знаю, как это работает!

Answer 1

div class="request_buttons"> 
    <a href="#" onclick="accept(this);">accept</a> 
    <a href="#" onclick="refuse(this);">refuse</a> 
</div> 

function accept(obj) 
{ 
t = $(obj); 

    $.ajax({ 
     type: "POST", 
     url: "request.php?action=accept", 
     data: "id="+id, 
     success: function(){ 
      t.parent(".request_buttons").hide(); 
      $('.result').html('Request accepted'); 
     } 
    }); 
} 

Answer 2

В вашем коде замените

$.ajax({ 
    type: "POST", 
    url: "request.php?action=accept", 
    data: "id="+id, 
    success: function(){ 
     $('.request_buttons').hide(); 
     $('.result').html('Request accepted'); 
    } 
}); 

с

$.ajax({ 
    type: "POST", 
    url: "request.php?action=accept", 
    context: $('#'+id), 
    success: function(){ 
     $(this).parents('.request_buttons').hide(); 
     $('.result').html('Request accepted'); 
    } 
}); 

Answer 3

Вы можете использовать JQuery родительскую функцию для этого. Попробуйте $(this).parent().hide()