Javascript 使用Jquery隐藏没有类的特定Div

我想隐藏特定div（示例2），但它没有类或id，因此我无法在该特定div上应用jquery（示例2）…请指导我如何使用jquery隐藏该div

以下是我的div结构：

<div class="purhist-desc-col">
  <h5>Heading Sample</h5>
  <div class="purchase-price"></div>
  <div>Example 1</div>
  <div class="booking-hide-on-wholeday">00:00 Check-out 00:00</div>
  <div>Example 2</div>
  <div>Example 3</div>
</div>

标题样本
例1
00:00退房00:00
例2
例3

您可以使用DOM关系，并使用它的同级元素以所需元素为目标

$（'.booking-hide-on-wholeday'）.next（）.hide（）

标题样本
例1
00:00退房00:00
例2

您可以使用

选择该div。purhist desc col div:last of type

，因为您需要将该容器中的最后一个div作为目标，以便jQuery代码

$('.purhist-desc-col div:last-of-type').hide()

在vanillaJS

---

您可以通过

+

（下一个）选择器来实现这一点

$（文档）.ready（函数（e）{
$（'.booking hide on wholeday+div'）.hide（）；
});

标题样本
例1
00:00退房00:00
例2

为此，必须为其编写Liner jquery代码

$('div.booking-hide-on-wholeday').next('div').hide();

那会解决你的问题

---

感谢如果我们可以轻松使用CSS，为什么要使用jQuery：

.purhist desc col>分区：第n个子项（5）{
显示：无；
}
/*或
预订全天隐藏+div{
显示：无；
}
*/

标题样本
例1
00:00退房00:00
例2
例3

如果example是main div的倒数第二个子项……我如何使用css来实现这一点？@ma123456我添加了更多的example；）你可以用N个孩子谢谢…你节省了我的时间那有什么用？它如何回答这个问题？不要只是脱口而出代码。解释你自己！无需使用

.next

-您可以在jquery选择器中使用CSS下一个同级选择器，如下所示：

$（'.booking hide on wholeday+div'）

$('div.booking-hide-on-wholeday').next('div').hide();