刪除與JavaScript

Question

塊HTML我用貓頭鷹傳送帶在一個項目angularjs我嘗試重新初始化數據更改後貓頭鷹傳送帶與$(element).data('owlCarousel').destroy();和刪除塊：

<div class="owl-wrapper"> 
<div class="owl-item" ></div> 
<div class="owl-item" ></div> 
<div class="owl-item" ></div> 
<div class="owl-item" ></div> 
<div class="owl-item" ></div> 
</div> 

我試試這個：

if(typeof $(element).data('owlCarousel') != 'undefined'){ 
         $(element).data('owlCarousel').destroy(); 
         $(element).find(".owl-item").removeClass("owl-item");     
        } 

在頁面加載它工作正常，但數據更改它不工作例如我有5項顯示然後我應該得到5塊<div class="owl-item" ></div>但我得到我的5項預期和更多的空白塊。

Answer 1

試圖您可以刪除這樣整個元素：

const remove = el => el.parentElement.removeChild(el); 
 

 
const owl = document.querySelector('div.owl-wrapper'); 
 

 
// remove it 
 

 
remove(owl) 
 

 
// check if it's removed (true = no such element in DOM) 
 

 
console.log(document.querySelector('div.owl-wrapper') === null)

<div class="owl-wrapper"> 
 
<div class="owl-item" >1</div> 
 
<div class="owl-item" >2</div> 
 
<div class="owl-item" >3</div> 
 
<div class="owl-item" >4</div> 
 
<div class="owl-item" >5</div> 
 
</div>

Answer 2

有你使用

$(".owl-item").removeClass("owl-item");