Question

我有一些动态创建的内容，其中可能有2个或者可能有200个DIV - 每个div都有一些我要切换的内容和一个箭头来显示内容。

我可以切换等工作正常但是当它切换它切换所有内容（即所有带有类名的项目 - 应该如此）但我只想让它切换相关的那个。

<div id="outer">
    <div class="inner">
        <div class="left">
            <div class="expanded">
                12345
            </div>
        </div>
        <div class="right">
            <div class="arrow-down"></div>
        </div>
    </div>
    <div class="inner">
        <div class="left">
            <div class="expanded">
                12345
            </div>
        </div>
        <div class="right">
            <div class="arrow-down"></div>
        </div>
    </div>
    <div class="inner">
        <div class="left">
            <div class="expanded">
                12345
            </div>
        </div>
        <div class="right">
            <div class="arrow-down"></div>
        </div>
    </div>    
</div>

我已尝试toggling dynamically created divs in jquery的建议使用Toggle dynamically created divs来使用next / prev但是当我使用这些时没有任何事情发生且DevTools中没有任何内容可以帮助

任何人都可以指出我正确的方向，所以当我点击每个箭头时，只显示其展开的框吗？ http://jsfiddle.net/pgJf4/

由于

Answer 1

您可以在同一inner元素

中定位展开的元素

$(".arrow-down").click(function () {
    $(this).closest('.inner').find('.expanded').toggle("slow");
});

演示：Fiddle

.closest()

Answer 2

使用它来获取目标元素

$( ".arrow-down" ).click(function() {
  $(this).parent().parent().find('.expanded').toggle( "slow" );
});

Jquery切换具有未知数量的项目

2 个答案: