[英]remove a block HTML with javascript
我在項目angularjs中使用owl-carousel,嘗試在數據更改后用$(element).data('owlCarousel').destroy();
owl-carousel $(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個項目的期望值等等空塊。
你嘗試過使用
$(".owl-item").removeClass("owl-item");
您可以像這樣刪除整個元素:
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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.