隐藏所有div onload jQuery

我想隐藏加载中的所有div，实际上不是所有div，只是那些具有特定ID的div

我有这个案子：

HTML:

当页面进入时，我使用loop创建所有这些div，我想要的是隐藏所有以“dialog-”开头的div。所以，一旦我点击地图图标，它就会显示具有特定id的特定div

---

我想在jQuery onload页面中做一个循环，但我仍然不知道我的结束ID是什么，我不确定这是否是一个好方法。有什么建议吗？

试试看。隐藏

这将选择ID以“dialog-”开头的所有div

您可以使用“属性以”选择器：

$('[id^="dialog-"]').hide();

它在CSS3中也可用，因此如果旧浏览器不是问题，您不需要javascript。

您可以这样做-

$('div[id^="dialog-"]').hide();

通过添加

display:none; on style="" tag, 

这解决了问题

---

我只是想让其他人知道他们是否面临这个问题，或者也想知道这种方式有多有效…

试着用我的编辑…我将id选择的单引号改为双引号…这很奇怪，实际上，bc我也认为这种方式应该起作用，并且试着选择像id^=“dialog”的方式让我们嘿Gautam3164，我解决了这个问题，很有趣你知道怎么做吗？？？通过添加显示：无；对于每一个div，我不确定这个解决方案有多有效，但这是我遇到的唯一一个…你也可以为所有这些div添加一些类，比如

，然后在css中添加：

.hidden{display:none；}

-这是很常见的情况，也就是说，Twitter bootstrap和其他许多框架都自动添加了这一点，这也可以起作用，但其逻辑与我在上文中所做的几乎相同当然，你是对的，但这就是CSS的目的：）因此，稍后，如果你决定让所有这些元素都不是真正隐藏的，而是稍微透明的，您不必查找所有出现的

style=“display:none”

并将其更改为

style=“opacity:0.1”

，但您只需更改css中的单行即可。

$('[id^="dialog-"]').hide();

$('div[id^="dialog-"]').hide();

display:none; on style="" tag,