Jquery 如何让我的弹出窗口与动态类一起工作

我试图创建一个弹出窗口，根据类的不同，相应的模式将弹出。弹出窗口有一个动态类。所以如果我有一个叫做 弹出窗口\u 1然后它应该显示弹出窗口\u模式\u 1

@foreach($single_portfolio->portfolio as $portfolio)
    <h2>{!! $portfolio->title !!}</h2>

    <?php
        $thumb = $portfolio->image;
    ?>


    <div class="popup popup_{!! $portfolio->id !!}">
        <img src="{!! asset("portfolio_images/thumbs/$thumb") !!}">
    </div>

    <div id="myModal" class="popup_modal popup_modal_{!! $portfolio->id !!}">
        <div class="modal-content">
            <span class="close">
                &times;
            </span>

            <div class="portfolio_popup">
                <div class="portfolio_wrapper">
                    <?php
                        $fullImage = $portfolio->image2;
                        $fullImg = $portfolio->image2;
                    ?>

                    <div>
                        <img src="{!! asset("portfolio_images/$img") !!}">
                    </div>
                </div>

                <div class="portfolio_nav">
                    <div>
                        <img src="{!! asset("portfolio_images/$thumbImg") !!}">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endforeach

您可以尝试以下方式：

$('.popup').click(function(){
    $(this).next('.popup_modal').show(); //assuming that associated popup_modal will be immediate to your popup link
});

---

在这种情况下，基于DOM结构选择正确的元素可能更有意义，就像查找单击元素的下一个同级元素一样。顺便说一句，您在这里生成的HTML无效，因为您在循环中使用ID。

$('.popup').click(function(){
    $(this).next('.popup_modal').show(); //assuming that associated popup_modal will be immediate to your popup link
});