Javascript 使用特定类从HTML中删除div

我有HTML代码，我想从HTML中删除一些具有特定类及其内容的div。 我有动态内容。所以我不能直接使用删除功能。我在一个变量中得到了这个HTML。如何搜索并删除此项

例如：

<div class="copyClipboard" style="float: left;padding-bottom: 20px;text-align: center;width: 100%;">
        <button id="target-to-copy" data-clipboard-target="clipboard-text">
            Click To Copy
        </button>
    </div>
    <div class="modal fade imageModal" id="imageModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">×</span><span class="sr-only">Close</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">CTRL + C for Copy</h4>
                </div>
                <div class="modal-body">
                    <textarea name="forCopy" id="clipboard-text" rows="15" cols="50"></textarea>
                </div>
            </div>
        </div>
    </div>

现在，我想删除类名为modal的Div以及其中的全部内容

---

请帮我取下这个。

试试这个：按照阿伦的建议。“删除”将删除选定图元及其所有子图元

$('.modal').remove();

编辑-如果您在变量中获取html，则可以使用.not，然后附加到父div。假设父div的class=parentDiv

---

对于动态内容，您可以使用.on函数，例如

$(document).on('event', 'selector', function(){
      $('.modal').remove();
});

比如说，事件就是点击一个按钮-

$(document).on('click', 'button', function(){
      $('.modal').remove();
});

---

//如果是动态内容，请在单击按钮或其他事件时删除

$(".close").click(function(){  

$('.modal').remove();

});

//如果要清空div中的内容，请使用此

$(".close").click(function(){    

$('.modal div').empty();

});

---

$'.modal'.remove？您可以尝试搜索类似jQuery remove元素的内容，不是吗？

$(".close").click(function(){    

$('.modal div').empty();

});