隐藏一个 Div: "display:none" 属性

Question

假设有一串没有ID或名称来区分的Divs。就像下面的代码：

<div>
<input value="0" name="checkFerramentas[]" id="checkFerramentas" title="Exportar todas operações cadastradas em Compras e Vendas" onclick="checkFerramentas_checkBox_para_textBox(5);" type="CHECKBOX">
</div>

<div>
<input value="1" name="checkFerramentas[]" id="checkFerramentas" title="Exportar parâmetros definidos em Cadastro Geral" onclick="checkFerramentas_checkBox_para_textBox(5);" type="CHECKBOX">
</div>

<div>
<input value="2" name="checkFerramentas[]" id="checkFerramentas" title="Exportar liberações/bloqueios de APR" onclick="checkFerramentas_checkBox_para_textBox(5);" type="CHECKBOX">
</div>

如何在不添加 ID 的情况下隐藏第二个 DIV？此 HTML 是由我无法编辑的函数生成的。有没有HTML或者JS可以对"outside"隐藏？

Answer 1

这可能是使用 CSS 伪选择器的强制解决方案，但它的工作原理很好看

div:nth-child(2) {
  display: none;
}

Answer 2

div:nth-child(2) 可以，但页面中可能有更多 div 元素，因此我们可能需要更具体一些。例如考虑父元素。如果父元素有 id 就更好了。

div > div:nth-child(2) { display:none; }

或

#parentid > div-child(2) { display:none; }

您可以扩展解决方案。

Answer 3

作为暗中操作（因为您没有提供太多信息），您可能真正想要做的是隐藏包含标题为 "Exportar parâmetros definidos em Cadastro Geral" 的输入的 div。为此，您可以这样做：

var input = document.querySelector('input[title="Exportar parâmetros definidos em Cadastro Geral"]');
var div = input && input.parentNode; 
div.style.display = 'none';

当然还有很多其他方法。

隐藏一个 Div: "display:none" 属性

Hide a Div: "display:none" property

html

javascript

hide