删除与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");