在页面加载时使用Javascript或jQuery删除div类

Question

不确定是否有人熟悉TypeForm。我目前正在测试他们的表格，但它非常有限于可选项目的选项，如增量问题编号，项目符号和＆amp; *对于所需的问题..我附上了我希望删除的开发窗口中显示的确切项目的屏幕截图，如何使用Javascript或jQuery加载页面？即document.getElementsByClassName（“Item”）;

修改 嵌入字体的方式如下面的代码段所示：

非常感谢!!

<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删除或隐藏它。但它会删除所有具有类div

的.item项

$(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>