jQuery निकटतम टीआर चयन

Question

आशा है कि कोई सलाह दे सकता है। एक लिंक पर क्लिक करने के बाद एक पंक्ति को हटाने की कोशिश कर रहे मुद्दों को क्लिक करना।

एचटीएमएल

<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> 

अब जे एस

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

यह असली सरल मगर अपनी पंक्ति को हटाने नहीं होना चाहिए। किक के लिए बस अगर मैं की तरह

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

कुछ के लिए इसे बदल यह सब तालिका पंक्तियों को foo जोड़ देगा। तो समझ सकते हैं कि यह निकटतम पंक्ति को क्यों नहीं हटा रहा है।

कोई विचार?

उन्नत में धन्यवाद।

Answer 1

समस्या this है वर्तमान में आपके success कॉलबैक में ajax वस्तु को संदर्भित करता है, लेकिन यह एक आसान ठीक है, content विकल्प इस तरह का उपयोग करें:

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

context विकल्प तय क्या this$.ajax() में होगा कॉलबैक फ़ंक्शंस, क्योंकि आप इसे .remove-row पर क्लिक करना चाहते हैं, जिस पर आपने क्लिक किया है, विकल्प के रूप में this का उपयोग करें।

Answer 2

आपके पास पहली पंक्ति में class="remove-row संलग्न विशेषता है।

See here

Answer 3

निक के जवाब काम करना चाहिए, लेकिन आप ऐसा भी कर सकते हैं, मैं जो एक बेहतर, शायद निक के एक है पता नहीं है, लेकिन यह भी मदद मिल सकती है ...

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

हाथ से हटाने/छिपाना आसान नहीं होगा?

इस तरह:

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