为什么点击时隐藏 div 元素不起作用?

Why hide div element on click is not working?

提问人:Kinga 提问时间:11/13/2023 最后编辑:Rory McCrossanKinga 更新时间:11/13/2023 访问量:31

问:

function closepopup() {
  document.querySelector(".popup").style.display = "none";
}
<div class="box" onclick="openpopup()">
  <div class="popup">
    <a class="popupclose" onclick="$('.boxpopup').hide()">Foo bar</a>
  </div>
</div>

在这种情况下,元素不起作用。我想在单击框元素时显示“弹出”元素,并在单击“popupclose”div 中的某个图形元素时将其隐藏。<a class="popupclose" onclick="$('.boxpopup').hide()"></a>

javascript html onclick 隐藏

评论

4赞 Rory McCrossan 11/13/2023
该逻辑中存在一些问题,除了缺少对jQuery的引用和缺少的实现之外,the是父元素的子级,因此每次单击该元素时都会调用AND。另请注意,该实现仅适用于 DOM 中的第一个元素。如果你有多个,那就行不通了openpopup()adivopenpopup().hide()aclosepopup().popup
0赞 Barmar 11/13/2023
没有任何地方可供选择。class="boxpopup"$('.boxpopup')

答: 暂无答案