Question

假设存在一串没有ID或名称的Div，以区分它们。像下面的代码一样：

<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将其隐藏在“外部”？

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

作为黑暗中的刺刀（因为你没有提供太多信息），你真正想做的是隐藏包含输入标题为“Exportarparâmetrosdefinidosem 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”属性

3 个答案: