在iframe中找到一个元素,然后通过jquery或wordpress中的js隐藏它。

<div id="check1">
<iframe src="xxxx" id="testIframe">
   <div>
      <div>
        ...
         <img class="centered-image" ... >
        ...
      </div>
   </div>
</iframe>

目标HTML结构在wordpress中,那么如何通过jquery或js检查它的存在并隐藏iframe?以下代码不起作用。如果目标元素不存在,我想以无形的方式处理它。

jQuery(document).ready(function(){
    if($(this).hasClass("centered-image").length == 0) {
        $(this).contents().find("#finn-api").hide();
    }
});

被改进的: 我得到了如下的答案。

jQuery(document).ready(function( $ ) {
    if($("#check1").contents().find(".centered-image").length == 0) {
        $('#finn-api').hide();
    }
});