您的位置:首页 > Web前端 > JQuery

jquery 循环显示div的示例代码

2013-10-21 06:54 543 查看
我们用一个语句就让下面五个div显示成功,具体实现如下,感兴趣的朋友可以参考下
直接看例子

复制代码[/u]代码如下:

for(var p=1; p<=5; p++){

$("#properties"+p).show();

//下面有五个id为properties1 、properties2 、properties3 、properties4、properties5的div

//我们用一个语句就让下面五个div显示成功了。

}

}

<div class="banner" id="properties1">

<span>【${property1 }】</span>

<div id="property1" class="bannerchild"></div>

</div>

<div class="banner" id="properties2">

<span>【${property2 }】</span>

<div id="property2" class="bannerchild"></div>

</div>

<div class="banner" id="properties3">

<span>【${property3 }】</span>

<div id="property3" class="bannerchild"></div>

</div>

<div class="banner" id="properties4">

<span>【${property4 }】</span>

<div id="property4" class="bannerchild"></div>

</div>

<div class="banner" id="properties5">

<span>【${property5 }】</span>

<div id="property5" class="bannerchild"></div>

</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: