2017-09-13 98 views
0

不確定是否有人熟悉TypeForm。我目前正在測試他們的表格,但其對於可選項目的選項非常有限,例如增量問題編號,& *爲必填問題。我附上了我希望刪除的開發人員窗口中顯示的確切項目的屏幕截圖,如何使用js或jquery進行頁面加載?即document.getElementsByClassName(「Item」);在頁面加載時使用JS或JQuery刪除div類

EDIT 方式typeform嵌入是如示於下面的片段:

非常感謝!! item to remove in google chrome dev view

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

+0

加載jQuery的文件爲好,並刪除DIV看下面的例子。 – bhansa

+0

這是一個iframe,可能不適合你。 – bhansa

+0

所以無法從我的結尾加載進行編輯?即覆蓋 – sanitizer

回答

1

在頁面加載,你可以做到這一點,除去類

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

或者只是類的所有實例上的div

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

感謝上面的清楚,我嘗試過,並沒有工作,我嘗試了一個單獨的下嵌入代碼,剛添加到我的帖子。這是否需要在嵌入代碼中才能讓「Item」不顯示? – sanitizer

+0

您是否要刪除DIV或刪除DIV上的CLASS? – clearshot66

+0

此外,告訴我們你的意思,因爲爲了運行我所說的是的代碼,我必須在腳本標記或外部js文件 – clearshot66

0

$ (「div.item」)。remove()應該做t他只要有其他的arent與申報單的項目類欺騙..

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

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

0

您可以刪除或使用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>