遍历生成多个div，并给添加不同的class

var div =""

$.ajax({

    url:url,

    success:function(data){

        $.each(eval(data), function(val){

            div += "<div class=\"" + 随机class方法() + ">" + val + "</div>"

            $("#oneDiv").append(div )

        })

    }

})

ajax取得的话这样是可以实现的

如果不用ajax的话,在页面生成的时候将你取得的数据循环设置到div中,然后通过js动态添加样式

$("div").each(function(){

 $(this).addClass(随机class方法())

})

代码如下：

$(document).ready(function(){

var i=0// divid就是某个div的id，each是遍历这个div下的所有a标签

$(".item a").each(function(){   

$(this).click(function(){         // 设置每个a标签的onclick事件，在这里你想干吗都可以       

var city = this.innerHTML       

var citynum = this.id       

$.ajax(

{ url:getRootPath()+'/help!changearea.action',

data:{ "city":city, "citynum":citynum },

type:'post', dataType:'json',

success:function(data){

alert("更新成功！")

}    })     })})})

扩展资料

所有主流浏览器都支持 <div>标签。

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

用法

<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。

不必为每一个 <div>都加上类或 id，虽然这样做也有一定的好处。

可以对同一个 <div>元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

---