JQuery का पता लगाएं अगला तत्व के अंदर तालिका पंक्ति

Question

मैं इस समारोह है:

$("span.expandimg").click(function(){ 
    $(this).nextAll(".toggle_container:first").slideToggle("slow"); 
}); 

कि के साथ ठीक काम किया:

<span class="expandimg"><a href="#"><img id="iexpand" src="images/expand.png" border="0" /><img id="icollapse" src="images/collapse.png" border="0" /></a></span>&nbsp;<a href="asdfa" class="DSF">First Link</a> 

<div class="toggle_container"> 
Some Text 
</div> 

लेकिन अब मैं "expandimg" डाल रहा हूं एक तालिका स्तंभ और "toggle_container अंदर "एक और कॉलम के अंदर। कुछ ऐसा:

<tr> 
    <td><span class="expandimg">......</td> 
    <td><div class="toggle_container">.....</td> 
<tr> 

अब मैं "toggle_container" तत्व कैसे ढूंढ सकता हूं? मैं "toggle_container" का विस्तार करने के लिए "expandimg" पर क्लिक करना चाहता हूं, लेकिन यह मेरे पास मौजूद फ़ंक्शन के साथ काम नहीं कर रहा है।

धन्यवाद!

Answer 1

$("span.expandimg").click(function(){ 
    $(this) 
     .closest("tr") 
     .find("td .toggle_container") 
     .slideToggle("slow"); 
}); 

Answer 2

एचटीएमएल के साथ

आप वर्तमान में इस काम करना चाहिए है -

$("span.expandimg").click(function(){ 
    $(this).parent().siblings().find(".toggle_container:first").slideToggle("slow"); 
}); 

डेमो - http://jsfiddle.net/QAkKP/

Answer 3

$("span.expandimg").click(function(){ 
    $(this).parents("tr").find(".toggle_container").slideToggle("slow"); 
}); 

माता पिता टी.आर. तत्व अप करने के लिए चला जाता है, खोज है कि .toggle_container के लिए।

काम करना चाहिए :)