javascript - 通过 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>
我将不胜感激。谢谢!
解决方案
推荐阅读
- scala - 为什么这个柯里化函数的函数定义在 scala 中不起作用?
- matlab - 区域增长方法不适用于应用了直方图均衡的图像
- c# - aspx.cs 文件中的保存方法需要哪些参数才能让 Ajax 调用该方法?
- php - 获取所有项目按特定列值分组
- javascript - javascript为什么2个不同的对象引用/使用相同的数组?
- jquery - 引导日期时间选择器
- python - 使用正则表达式的 Strip() 函数
- java - Redisson:在 finalize 方法中关闭客户端
- javascript - Javascript 打印 div 在 Safari 网络浏览器中不起作用
- c# - 当 2 个方法在同一个类中时,使用正确的参数调用验证方法