首页 > 解决方案 > 通过 ejs 动态呈现包含特定类的 div 的值

问题描述

我的问题是我只想从包含“selected-nevoias”类的 div 中选择数据,并将其引入到另一个 div 中。

在这里,我将类添加到单击后要选择的 div:

<script>
    $(".lista-nevoiasi .nevoias").each(function () {
        $(this).click(function () {
            if (!$(this).hasClass("selected-nevoias") && $(".lista-nevoiasi .nevoias").hasClass(
                    "selected-nevoias")) {
                $(".lista-nevoiasi .nevoias").removeClass("selected-nevoias")
                $(this).toggleClass("selected-nevoias")
            } else(
                $(this).addClass("selected-nevoias")
            )
        });
    });
</script>

这是一个可以选择的 div,它的数据来自我的 mongoose 模式和一个 JSON 文件:

<% for(let nevoias of nevoiasi) {%>
            <div class=" container nevoias">
                <img src="/img/greybg.jpg" alt="">
                <div class="info">
                    <p><%= nevoias.nume %> </p>
                    <p><%= nevoias.varsta %> </p>
                </div>
            </div>
            <% } %>

这是 div,我只想显示来自选定的前一个 div 的数据(我为其分配了一个特定的类),理论上,我想动态地将数据分配给 img、所有跨度和每个此 div 内的 li 标签:

<div class="info-div">
                    <img src="/img/greybg.jpg" alt="">
                    <div class="info">
                        <p>Nume: <span>Marian M.</span></p>
                        <P>Vărstă: <span>56 ani</span></P>
                        <p>Telefon: <span>0753358946</span></p>
                        <p>Adresă: <span>Str. Grigore Ureche, Nr. 3, Oradea</span></p>
                        <p>Necesităţi: </p>
                        <span>
                            <ul>
                                <li>Măncare</li>
                                <li>Cazare</li>
                                <li>Haine</li>
                            </ul>
                        </span>
                    </div>
                </div>

我将不胜感激。谢谢!

标签: javascriptnode.jsmongooseejsseed

解决方案


推荐阅读