如何使用jQuery隐藏无类名及ID的指定div元素（Example 2）

别担心，这种没有类名和ID的元素，我们完全可以用jQuery的各种选择器精准定位并隐藏它，给你几个实用的方案：

方案1：利用父容器的子元素索引定位 #

你的目标div是.purhist-desc-col父容器下的第5个子元素（注意:nth-child是从1开始计数，而且会把所有类型的子元素都算进去，包括里面的<h5>），直接用索引选择就能快速定位：

$('.purhist-desc-col div:nth-child(5)').hide();

方案2：通过相邻兄弟元素定位 #

目标div刚好在.booking-hide-on-wholeday这个带类名的div后面，用next()方法可以直接选中它的下一个同级元素，这个方法的灵活性更高，哪怕父容器里后续加了其他元素，只要不插在这两个div之间，代码依然有效：

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

方案3：根据固定文本内容定位 #

如果这个div里的“Example 2”文本是固定不变的，还可以通过文本内容来匹配选择：

$('.purhist-desc-col div:contains("Example 2")').hide();

⚠️ 小提醒：如果页面上有其他div也包含“Example 2”这段文本，这个方法会同时选中它们，所以只在文本唯一的场景下使用哦。

如果页面上存在多个.purhist-desc-col容器，记得根据实际情况给选择器加上更精准的父级限制，避免误操作其他容器里的元素~

内容的提问来源于stack exchange，提问作者MA-2016