在頁面加載時使用Javascript或jQuery刪除div類

Question

不確定是否有人熟悉TypeForm。 我目前正在測試其表格，但對於可選項目（例如遞增問題編號，項目符號和*必填問題），其范圍非常有限。Ive已附上了我希望刪除的開發窗口中顯示的確切項目的屏幕截圖，使用Javascript或jQuery在頁面加載時怎么可能？ 即document.getElementsByClassName（“ Item”）;

編輯 typeform的嵌入方式如以下代碼片段所示：

非常感激 ！！

 <div class="typeform-widget" data-url="https://12837r8yhe.typeform.com/to/sKcd9C" style="width: 100%; height: 500px;" > </div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> 

Answer 1

在頁面加載時，您可以執行此操作以刪除該類的所有實例

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

或者只是div上的課程

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

Answer 2

$（“ div.item”）。remove（）應該可以解決問題，只要項目類中沒有其他div。

 $('div.item').remove(); 

要么

 $('div.item').first().remove(); 

Answer 3

您可以在頁面加載時使用jquery刪除或隱藏它。 但是它將刪除所有具有class .item的div項目。

 $(document).ready(function(){ $("div.item").remove(); console.log("removed"); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <p>Div item was here but removed when page loaded.</p> <div class="item">1 ></div><span>Just before me</span>