如果DIV具有包含特定文字的P，则隐藏DIV

Question

寻求帮助，我试图隐藏DIV（如果它包含具有特定文本或类的P），这会更容易。

据我所知，我可以隐藏P，但是我需要用“即将发生的事件”类隐藏整个div，这样才能显示H3。

我要抓住的一个问题是它不能是纯jquery的jquery。

谢谢！

let filteredOut = ['Carousel contents not found!'];

Array.from(document.querySelectorAll("div.upcoming-events p")).forEach((elm) => {
 if(filteredOut.includes(elm.textContent.trim())) {
   elm.style.display = "none";
 }
})

#carousel-97826 .slick-prev:before, #carousel-97826 .slick-next:before {
     color: !important;
}
 #carousel-97826 .slick-slide {
     margin: 2px ;
}
 #carousel-97826 .rpc-title {
     color: ;
}
 #carousel-97826 .rpc-content {
     color: ;
}
 #carousel-97826 .rpc-date {
     background-color: ;
}
 #carousel-97826 .rpc-date {
     color: ;
}
 #carousel-97826 .rpc-overlay {
     background-color: ;
}
 #carousel-97826 .carousel-style9 {
     border-top-color: ;
}
 #carousel-97826 .carousel-style9 .button:before {
     background-color: ;
}
 #carousel-97826 .rpc-box {
     box-shadow: ;
}
 #carousel-97826 .rpc-bg {
     background-color: ;
}
 #carousel-97826 .rpc-title-bg {
     background-color: ;
}
 #carousel-97826 .fixed-height-image {
     height: ;
}
 #carousel-97826 .slick-next:before {
     content: '\ \f0a9 ';
}
 #carousel-97826 .slick-prev:before {
     content: '\ \f0a8';
}
#carousel-97826 .rpc-title {
     font-family: ;
}
 #carousel-97826 .rpc-title {
     font-size: ;
}
 #carousel-97826 .rpc-content {
     font-family: ;
}
 #carousel-97826 .rpc-content {
     font-size: ;
}

<div class="upcoming-events" style="width: 250px; margin: 0 auto; text-align: center;">
  <h3 style="text-align: center;">Highlighted Events</h3>
  <p>Carousel contents not found!</p>
</div>

Answer 1

如果条件允许，您可以在内部使用HTML DOM parentNode属性。

elm.parentNode.style.visibility = "hidden";