如何從html中刪除img標簽

Question

這是我在快速觀看時所擁有的內容，在innerHtml中

   <img style="width: 100%; height: 320px;" src="img/banner03.jpg">
   <div class="bjqs-caption">
       Automatically generated caption3
   </div>

但是我在innerHTML中想要的是：

    <div class="bjqs-caption">
         Automatically generated caption3
    </div>

如何從innerHTML中刪除img標記

Answer 1

嘗試

jQuery(function($){
    $('.bjqs-caption').prev('img').remove()
})

Answer 2

$(document).ready(function() {
    $('div img').remove();
}); 

這將刪除每個div中的所有圖像。

$(document).ready(function() {
    $('.bjqs-caption').siblings('img').remove();
}); 

這將刪除作為.bjqs-caption兄弟的所有圖像

Answer 3

<script>
$(document).ready(function(){
     $('img').remove();
});
</script>

Answer 4

試試這個： empty（）

$(document).ready(function() {
   $('.bjqs-caption').prev('img').empty();
})