我需要编写一段代码(我正在考虑 JavaScript/jQuery)来隐藏突出显示的两个 div。问题是它们没有 ID,它们属于类,但不是这些类中的唯一对象。所以我不能隐藏类,因为那样会隐藏更多我想要的东西。 “父”div 有一个 ID。
请在此处找到代码:
有什么方法可以通过父项的订单号来引用我想隐藏的 div 吗?任何其他解决方案将不胜感激。
最佳答案
正如我所看到的,这些元素是 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
关于javascript - 如何隐藏没有ID的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24525501/