隱藏Div：“ display：none”屬性

Question

假設有一串Divs，沒有ID或名稱來區分它們。 就像下面的代碼：

<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âmetrosdefinidos 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';

當然，還有許多其他方法。