Question

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

我有这个案子：

HTML：

<div id="dialog-'+this.id+'" style= "margin-left:25px; width:500px; height:180px"></div>
<img src="images/map.jpg"  id = "mapicon" onClick="showhide('+this.id+');">

JS：

function showhide(id){
    $("#dialog-"+id).toggle();
}

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

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

Answer 1

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

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

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

Answer 2

尝试。隐藏（），如

$(document).ready(function(){
    $('div[id^="dialog-"]').hide();
});

这将选择那些id将以“dialog - ”

开始的所有div

Answer 3

你可以这样做 -

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

http://api.jquery.com/attribute-starts-with-selector/

Answer 4

添加

display:none; on style="" tag,

这解决了问题...

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

隐藏所有divs onload jQuery

4 个答案: