jquery 中的元素定位

Element targeting in jquery

本文关键字：定位 元素 jquery      更新时间：2023-09-26

我有一个元素用作扩展器。 当我单击它时，它使用切换功能来显示/隐藏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 元素的下一个匹配项，而不定位页面上的所有元素？

我认为你应该去

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

使用 .next（）

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

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

相关文章：