[英]jQuery: Adding CSS to parent
我使用弹出窗口并希望可以关闭它们。
这是我的代码:
$(".close").click(function() { $(".window").css("display", "none"); });
* { margin: 0; padding: 0; font-family: Arial; } .window { width: 300px; height: 300px; background-color: tomato; margin: 10px; padding: 10px; } .close { float: right; } .close:hover { color: white; cursor: pointer; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="window">Hi. <div class="close">X</div> </div> <div class="window">I love you. <div class="close">X</div> </div> <div class="window">Thanks. <div class="close">X</div> </div>
如果单击一个X
,所有窗口都会消失。 但只有点击的窗口应该消失。
怎么可能做到这一点? :)
非常感谢您的帮助! <3
尝试以下
$(".close").click(function() {
$(this).parents('.window').css("display", "none");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.