如果他们有父类，请隐藏类

Question

SharePoint 2013为弹出窗口使用iframe，这会导致使用修改后的母版页时出现问题。 iframe有一个.ms-dlgFrame类，我试图隐藏的元素是.navbar。我尝试过使用CSS，

.ms-dlgFrame .navbar {
  display: none;
}

但它不起作用。使用javascipt我能够判断iframe类是否存在，但是当我尝试隐藏导航栏时，它会隐藏主页面上的导航栏而不是弹出窗口。我正在使用的javascript是，

if (document.getElementsByClassName('ms-dlgFrame').length) {
    document.getElementsByClassName('navbar')[0].style.Display='none';
}

如何在弹出窗口中隐藏导航栏而不是主页？

Answer 1

iframe是一个单独的文档，因此就CSS而言，iframe内容不能被视为子元素。您需要直接解决iframe内容。

This answer谈论如何做到这一点。只需给你的iframe一个ID，这样jQuery选择器就可以工作。

$("#iFrame").contents().find("#someDiv").removeClass("hidden");