2009-08-28 13 views
7

यहाँ मेरी HTML है:jquery निकटतम() फ़ंक्शन का उपयोग करना?

<tr> 
    <td class="show_r3c">click here</td> 
</tr> 
<tr class="r3c"> 
    <td>This is what I'd like to display</td> 
</tr> 

और मैं वर्तमान में इस JQuery कोड मिल गया है,

$(document).ready(function(){ 
     $(".r3c").hide();   
     $('.show_r3c').click(function() { 
         $(this).closest('.r3c').toggle(); 
         return false; 
     }); 
    }); 

किसी कारण closest() फ़ंक्शन कार्य नहीं कर के लिए, और यह तालिका पंक्ति को चालू नहीं होगा .r3c - मैंने माता-पिता और अन्य विकल्पों का उपयोग करने की कोशिश की है लेकिन इसे या तो काम नहीं कर सकता है :(

बेवकूफ सवाल के लिए माफ़ी, और कुछ ऐसी समस्या के समान कुछ जो मैंने पहले किया था। बस सोच रहा है, सबसे अच्छा क्या है इसके लिए समाधान?

धन्यवाद!

उत्तर

12

साथ प्रयास करें::

आप की तरह कुछ चाहते

$('.show_r3c').click(function() { 
    $(this).parent('tr').next('tr.r3c').toggle(); 
    return false; 
}); 
4

शायद यह काम करेगा:

$(document).ready(function(){ 
    $(".r3c").hide(); 

    $('.show_r3c').click(function() { 
     $(this).parent().siblings(":first").toggle(); 
     return false; 
    }); 
}); 
+0

एकदम सही है कि, धन्यवाद !! :) – Nick

21

निकटतम() निकटतम माता-पिता नहीं माता-पिता भाई बहन-बच्चों पाता है।

$(document).ready(function(){ 
    $(".r3c").hide(); 

    $('.show_r3c').click(function() { 
     $(this).closest('table').find("tr.r3c").toggle(); return false; 
    }); 
}); 
+1

चूंकि प्रश्न 'jquery निकटतम() फ़ंक्शन का उपयोग कर रहा था? यह निश्चित रूप से सबसे अच्छा जवाब है। अन्य उत्तरों निकटतम उपयोग किए बिना jquery का उपयोग कर डीओएम को कैसे पार करना है इस बारे में चिंतित हैं :) –

+1

+1 मेरी मदद की .. thx! –

संबंधित मुद्दे