在jquery中定位元素

Question

我有一個元素用作擴展器。當我點擊它時，使用切換功能來顯示/隱藏expander-container元素。

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".expand-icon").click(function() { 
     $(".expander-container").toggle(500); 
    }); 
}); 

<img class="expand-icon" src="./Content/Icons/toggle-expand-icon.png" alt="some_text" /> 
<div class="expander-container" > 
... 
</div> 

我怎麼能只定位expander-container元素的下一個occurence不針對所有的人都在網頁上？

Answer 1

使用.next()

$(document).ready(function() { 
    $(".expand-icon").click(function() { 
     $(this).next(".expander-container").toggle(500); 
    }); 
}); 

這裏的工作演示：http://jsfiddle.net/XLNM5/

Answer 2

我覺得你應該去隨時隨地

$(".expand-icon").click(function() { 
    $(this).next('.expander-container').toggle(500); 
});