jQuery lựa chọn TR gần nhất

Question

Hy vọng ai đó có thể tư vấn. Gặp sự cố khi cố xóa một hàng sau khi một liên kết được nhấp vào.

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> 

Bây giờ 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); 
    }  
    } 
    }) 
}); 

này cần được thực đơn giản buts nó không loại bỏ hàng. Chỉ cần đá nếu tôi đổi nó thành một cái gì đó như

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

Nó sẽ thêm foo vào tất cả các hàng trong bảng. Vì vậy, có thể hiểu tại sao nó không loại bỏ hàng gần nhất.

Bất kỳ ý tưởng nào?

Cảm ơn bạn đã nâng cao.

Answer 1

Vấn đề là this hiện đề cập đến đối tượng ajax trong success callback của bạn, nhưng nó là một sửa chữa dễ dàng, sử dụng tùy chọn content như thế này:

$("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); 
    }  
    } 
    }) 
}); 

Tùy chọn context mệnh lệnh gì this sẽ được trong $.ajax() chức năng gọi lại, vì bạn muốn nó là .remove-row bạn đã nhấp vào, hãy sử dụng this làm tùy chọn.

Answer 2

Bạn có thuộc tính chưa được đính kèm class="remove-row ở hàng đầu tiên.

See here

Answer 3

câu trả lời của Nick nên làm việc, nhưng bạn có thể làm điều này quá, tôi không biết cái nào là tốt hơn, có lẽ Nick của một, nhưng nó có thể giúp anyway ...

$("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

Nó sẽ không được dễ dàng hơn để làm việc loại bỏ/ẩn trước khi tay?

như thế này:

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