弹出窗口的父体选择器

我有一种情况，我需要根据POP的“开启器窗口”是否定义了一个样式类来对POPUP应用样式。弹出窗口的父体选择器

<html> 
    <body class="myClass"> 
    <input type="button" onClick="Open('xyz.html')"/> 
    </body> 
</html>

现在在xyz.html我想有一个CSS选择器可以切换基于某种风格，如果parent.html有class="myClass"。

是否有可能没有jquery？

如果不是：我有什么替代方案，包括Jquery和Javascript？

请注意：parent.html开放xyz.html他们都是独立的窗口。

来源

2017-09-06 Vivek

是的，你可以使用[事件代表团（https://learn.jquery.com/events/event-delegation/） –

是否有可能（不包括jQuery的）？所以为什么要在问题 – Bhargav

中添加'jquery'和'javacript'标签，因为如果不可能，我想将jquery或javascript解决方案作为替代方案。 – Vivek

你不需要使用jQuery来检查它。你可以使用简单的CSS。检查下面的代码。在这里，如果container的类别为my-class。 background-color的属性将应用于弹出窗口。否则，它不会。检查代码并尝试使用my-class和container中的my-class。

$('button').on('click', function() { 
 
    $('.popup').toggleClass('active') 
 
})

.popup { 
 
    padding: 10px; 
 
    border: 1px solid #ddd; 
 
    opacity: 0; 
 
    transition: all 0.8s ease; 
 
} 
 
.popup.active { 
 
    opacity: 1; 
 
} 
 
.container.my-class .popup { 
 
    background-color: red; 
 
    color: #fff; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container my-class"> 
 
    <button>Click</button> 
 
    <div class="popup"> HAI </div> 
 
</div>

来源

2017-09-06 06:52:16 Abinthaha

弹出窗口的父体选择器

回答

相关问题