javascript - 如何隐藏没有ID的div

Question

我需要编写一段代码(我正在考虑 JavaScript/jQuery)来隐藏突出显示的两个 div。问题是它们没有 ID，它们属于类，但不是这些类中的唯一对象。所以我不能隐藏类，因为那样会隐藏更多我想要的东西。 “父”div 有一个 ID。

请在此处找到代码:

有什么方法可以通过父项的订单号来引用我想隐藏的 div 吗？任何其他解决方案将不胜感激。

Answer 1

正如我所看到的，这些元素是 ID 为 #view 的元素的子子元素，因此您可以使用 nth- 选择器，或者您可以使用 jQuery :eq()

$("#view > div:nth-of-type(3) > div:nth-of-type(2), 
   #view > div:nth-of-type(4) > div:nth-of-type(1)").hide()

或者使用 CSS (推荐)

#view > div:nth-of-type(3) > div:nth-of-type(2), 
#view > div:nth-of-type(4) > div:nth-of-type(1) {
    display: none;
}

---

在这里，第一个选择器即 #view > div:nth-of-type(3) > div:nth-of-type(2) 选择了第三个 div 元素是一个 id 为 #view 的元素的直接子元素，它进一步选择一个直接的 div 元素，它是该类型的第二个子元素

第二个选择器即 #view > div:nth-of-type(4) > div:nth-of-type(1) 选择第四个直接 div 子元素到一个 id 为 #view 的元素，此外，它选择第一个直接子元素 div