javascript - 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元素的下一次出现而不针对页面上的所有元素？

Answer 1

我认为你应该去争取

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

Answer 2

使用.next()

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

这是工作演示：http: //jsfiddle.net/XLNM5/