JQuery Find Next tử Bên trong Bảng Row

Question

tôi có chức năng này:

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

đó đã làm việc tốt với:

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

Nhưng bây giờ tôi đang đặt "expandimg" bên trong một cột bảng và "toggle_container "bên trong một cột khác. Một cái gì đó như thế này:

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

Làm cách nào để tìm phần tử "toggle_container" ngay bây giờ? Tôi muốn nhấp vào "expandimg" để mở rộng "toggle_container", nhưng nó không hoạt động với chức năng tôi có.

Cảm ơn!

Answer 1

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

Answer 2

Với HTML bạn đang có này nên làm việc -

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

Demo - http://jsfiddle.net/QAkKP/

Answer 3

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

Goes đến yếu tố phụ huynh TR, tìm kiếm rằng đối với .toggle_container.

nên làm việc :)