如果文本包含特定单词，则在iframe中隐藏css

Question

我需要隐藏一个在iframe中加载javascript元素的div。要隐藏的div必须包含文本"Next“

示例：

<div class="alignNext">
<div class="inlineBlock nextAlign" elname="next"><button class="fmSmtButton next_previous navWrapper" type="button" elname="next" onclick="gotoNextPage(this);">
<em> Siguiente </em>
</button></div></div>

我已经尝试过

  <script>
  var divs = document.querySelectorAll(".alignNext");
Array.from(divs).forEach(function(div) {
  if (div.textContent.indexOf("Siguiente") >= 0 ) {
    div.style.display = "none";
  }
});
  </script>

但它不能与iframe一起工作。

iframe代码为：

<div id="zf_div_IsBaC6OI1EsmTbQpQNijKuyc2G6W7voKPIu077b1tZY"></div><script type="text/javascript">(function() {
try{
var f = document.createElement("iframe");   
f.src = 'https://forms.zohopublic.eu/how/form/SACMDPAGINADO/formperma/IsBaC6OI1EsmTbQpQNijKuyc2G6W7voKPIu077b1tZY?zf_rszfm=1';
f.style.border="none";                                           
f.style.height="278px";
f.style.width="90%";
f.style.transition="all 0.5s ease";// No I18N
var d = document.getElementById("zf_div_IsBaC6OI1EsmTbQpQNijKuyc2G6W7voKPIu077b1tZY");
d.appendChild(f);
window.addEventListener('message', function (){
var zf_ifrm_data = event.data.split("|");
var zf_perma = zf_ifrm_data[0];
var zf_ifrm_ht_nw = ( parseInt(zf_ifrm_data[1], 10) + 15 ) + "px";
var iframe = document.getElementById("zf_div_IsBaC6OI1EsmTbQpQNijKuyc2G6W7voKPIu077b1tZY").getElementsByTagName("iframe")[0];
if ( (iframe.src).indexOf('formperma') > 0 && (iframe.src).indexOf(zf_perma) > 0 ) {
var prevIframeHeight = iframe.style.height;
if ( prevIframeHeight != zf_ifrm_ht_nw ) {
iframe.style.height = zf_ifrm_ht_nw;
}   
}
}, false);
}catch(e){}
})();</script>

您可以在https://codepen.io/dlopezros/pen/GRjrgwQ上查看该项目

谢谢你的帮助。

Answer 1

让我们试试这个

JQuery(".alignNext").css("display","none");