jQuery selezione TR più vicina

Question

Spero che qualcuno possa consigliare. Problemi durante il tentativo di rimuovere una riga dopo aver fatto clic su un collegamento.

HTML

<table> 
    <tr><td>Some Data</td><td><a href="#" class="remove-row>Remove Row</a></td></tr> 
    <tr><td>Some Data</td><td><a href="#" class="remove-row">Remove Row</a></td></tr> 
</table> 

Ora il JS

$("a.remove-row").live('click', function(eve){ 
    eve.preventDefault(); 
    $.ajax({ 
    type: 'GET', 
    url: '/someaction/', 
    dataType: 'json', 
    success: function(msg){ 
    if(msg.error){ 
    alert(msg.error); 
    }else{ 
    $(this).closest('tr').remove(); 
    alert(msg.success); 
    }  
    } 
    }) 
}); 

Questo dovrebbe essere semplice reale senza ma la sua non è la rimozione della fila. Solo per calci se lo cambio a qualcosa come

$('.remove-row').addClass('foo'); 

Aggiungerà foo a tutte le righe della tabella. Così può capire perché non rimuove la riga più vicina.

Qualsiasi idea?

Grazie in anticipo.

Answer 1

Il problema è this attualmente si riferisce all'oggetto ajax nella vostra success richiamata, ma è una soluzione semplice, utilizzare l'opzione content in questo modo:

$("a.remove-row").live('click', function(eve){ 
    eve.preventDefault(); 
    $.ajax({ 
    context: this,     //add this here! 
    type: 'GET', 
    url: '/someaction/', 
    dataType: 'json', 
    success: function(msg){ 
    if(msg.error){ 
    alert(msg.error); 
    }else{ 
    $(this).closest('tr').remove(); 
    alert(msg.success); 
    }  
    } 
    }) 
}); 

L'opzione context detta ciò this sarà nel $.ajax() funzioni di callback, dal momento che si desidera che sia il .remove-row su cui si è fatto clic, utilizzare l'opzione this come opzione.

Answer 2

Hai attributo univoco class="remove-row nella prima riga.

See here

Answer 3

risposta di Nick dovrebbe funzionare, ma si può fare anche questo, non so che uno è meglio, probabilmente uno di Nick, ma può aiutare in ogni modo ...

$("a.remove-row").live('click', function(eve){ 
    var row = this; 
    eve.preventDefault(); 
    $.ajax({ 
    type: 'GET', 
    url: '/someaction/', 
    dataType: 'json', 
    success: function(msg){ 
    if(msg.error){ 
    alert(msg.error); 
    }else{ 
    $(row).closest('tr').remove(); 
    alert(msg.success); 
    }  
    } 
    }) 
}); 

Answer 4

Non sarebbe più facile fare la rimozione/nascondino prima mano?

come questo:

$("a.remove-row").live('click', function(eve){ 
     $(this).hide(); 
     <The rest of your code logic> 
     ......