在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); 
});