时间戳

首页 > 解决方案 > 如何从创建的 div 中删除我创建的 div？

javascript - 如何从创建的 div 中删除我创建的 div？

问题描述

function create() {
    $("<div class='question container' id='question' style='background-color:lavender; border:solid 15px darkcyan; height:500px; border-radius:32px'><div class='input-group' style='margin-top:10px'><input type='text' placeholder='Soru Gir...' class='form-control'/> &nbsp; &nbsp;<button class='btn btn-danger' onclick='remove()' >Sil</button>&nbsp; &nbsp;<button class='btn btn-success' onclick='createSelection()'>Şık Ekle</button></div></div></br>").insertBefore("#btn")
}

function remove() {$("#question").remove()}

标签： javascriptjqueryhtml

解决方案

那是你要的吗？你的代码有很多东西。这里有一些：

  • 不要使用重复出现的 id 属性。
  • 像我的例子一样听事件。这也会影响动态添加的元素。

$('body').on('click', '.btn-danger', function(e) {
    $(this).closest('.question').remove();
});

$('body').on('click', '.btn-success', function(e) {
    var $quest = $(this).closest('.question');
    $quest.clone().insertAfter($quest);
});
.question {
    background-color: lavender;
    border: solid 15px darkcyan;
    border-radius: 32px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="question container">
  <div class="input-group" style="margin-top: 10px">
    <input type="text" placeholder="Soru Gir..." class="form-control"/> &nbsp; &nbsp;
    <button class="btn btn-danger">Sil</button>&nbsp; &nbsp;
    <button class="btn btn-success">Şık Ekle</button>
  </div></br>
</div>

推荐阅读