如何li在右侧添加新元素ul？每张卡都有ul和form。
当我提交表单我追加一个新丽in的ul。每个ul包含一个.topics类。但是，这个新li已被添加到所有卡上。
我没有找到将这个li附加到创建它的ul中的解决方案。
这是我的HTML结构
<div class="card" id="card1">
<div class="card-body">
<ul class="topics">
<li>....</li>
<li>....</li>
<li>....</li>
</ul>
</div>
<div class="card-footer">
<form method="post" class="topic-form">
....
</form>
</div>
</div>
<div class="card" id="card2">
<div class="card-body">
<ul class="topics">
<li>....</li>
<li>....</li>
<li>....</li>
</ul>
</div>
<div class="card-footer">
<form method="post" class="topic-form">
....
</form>
</div>
</div>
还有我的JS代码
$('form.topic-form').submit( function (e) {
e.preventDefault();
var form = $(this)[0];
$.ajax({
...ajax stuff...
},
success: function (json) {
form.reset();
$(".topics").append('<li>.....</li>')
}
}
}
您需要指定.topics您的意思。使用$(this)一般（或form你的情况），以目标正确的。
$(this).closest('.card').find('.topics')
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句