javascript - 具有多个 div(同一类)的 jquery animate 问题

Question

我经营一家在线商店，想为产品列表增添一些趣味。我想要做的就是在用户点击该 div 中的某些文本时增加该 div 的高度。

我的问题是 div 类在我的站点上存在多次(针对每个产品)。所以当我点击时，所有的 div 都在增加，而不是我想要的那个。

如果缺少详细信息或需要进一步/更好的解释，请告诉我。

这是我的代码。

非常感谢您的关注。
丹尼尔

{foreach name=aussen item=module_data from=$product_listing}
    <script>
        $(document).ready(function() {
            $(".box-wide-more").click(function() {
                $(".box-wide").animate({
                    height: '300px'
                }, 500);
            });
        });     
    </script>

        <div class="box-wide">
            <p class="box-wide-more">Read more</p>
        </div>

{/foreach}

Answer 1

简单 ;)

            $(this).closest(".box-wide").animate({
                height: '300px'
            }, 500);

为什么要 foreach 脚本？把它写在 $(document).ready();单独的 js 文件中的事件