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/

jquery中的元素定位

2 个答案: