如果这是重复的，我深表歉意，但我已经搜索了这个特定的问题，但没有找到。假设我有 4 个段落，我想<h3>在点击的段落下添加元素。每个段落都有相同的数据名称属性$(" <h3 data-price'222'>NEW ITEM</h3>").insertAfter(???);，但我已经尝试过不同的值 ，但我不知道括号里写的是什么。<body> <div class="container"> <p class="clickable" data-price="5">Apple</p> <br> <p class="clickable" data-price="7">Coffee</p> <br> <p class="clickable" data-price="9">Water</p> <br> <p class="clickable" data-price="10">Pitza</p> <br> <h3></h3> <br> <button>Reset</button> </div></body>$(function () { createCeleb();})function createCeleb() { $('p.clickable').on('click', function () { var temp = $(this).attr('data-price') this.temp = temp; let on1 = $("p").find(`[data-price='${this.temp}']`) $(" <h3 data-price'222'>NEW ITEM</h3>").insertAfter(on1); });}我希望在我点击下面的段落后将添加元素但没有发生任何事情我希望它是动态的并且只在点击的段落下添加这可能吗？
2 回答
肥皂起泡泡
TA贡献1829条经验 获得超6个赞
我想这就是你要找的。创建一个从HTML，你就再添加新元素after的<p>被点击。
$(function () {
createCeleb();
})
function createCeleb() {
$('p.clickable').on('click', function () {
var newele = $.parseHTML("<h3 data-price'222'>NEW iTEM</h3>");
$(this).after(newele)
});
}
添加回答
举报
0/150
提交
取消