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

从数据库中读取出来的实例对象用foreach循环,将这些对象的逐一的显示到一个div中,并要给这些div添加随机的class。

随机生成class我都写好了,就是不知道怎么添加,求高手帮帮忙。
@ foreach(var str in model){
<div></div>

遍历添加div的时候,每一个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方法());
});

温馨提示:内容为网友见解,仅供参考
无其他回答

如何遍历获得div里面所有a标签,并为每一个div添加自增的id和对应的事 ...
(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...

jquery 动态创造div的并创建不同的id值
\/\/ 你好,以在 BODY 生成 DIV 为例子给你讲一个吧 <script src="http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4.2\/jquery.min.js" type="text\/javascript"><\/script><script type="text\/javascript"> var create = 4; \/\/ 定义一个数字,用于指定要生成多少个DIV var idStr ...

css里面应该用id还是class??
这个还是有点说法的,id是可以用来布局的,比如说<div id="header"><\/div> , <div id="footer"><\/div>...等,这样的语义比较明确,class一般是用来做样式的,也更有利于在javascript中控制样式。如果你是一个网页的唯一开发者,那么id和class都无所谓,通过id能精确的找到某一个元素,id也可以...

javascript 怎么遍历外层div里的多个div?
你好!!你是想要遍历(id为starsDiv)这个DIV的内部的div么?document.getElementById() 这个是根据ID来获取元素。document.getElementsByTagName() 这个是根据html标记来获取元素数组,注意Element是复数形式 var _starsDiv = document.getElementById("starsDiv"), _childrenDiv = _starsDiv.getEl...

jquery怎样获得所有div的id值,有多个div。用$("div").attr(id)只能获得...
1、新建一个html文件,命名为test.html。2、在test.html文件内,使用div标签创建一行文字,文字内容为“这是测试的文字内容”。3、在test.html文件内,设置div的id属性为abc,用于下面通过该id获得div对象。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取div里面的值”。5、在...

有多个div怎么实现单选框那样点击其中一个让其他div取消选中(变色)的...
<div class="active"><\/div> <div><\/div> <div><\/div> <\/div> <script> var wrap = document.querySelector('.wrap');wrap.onclick = function(e){ var $this = e.srcElement || e.target;Array.prototype.slice.call(this.children).forEach(function(value){ value.className = ''...

一个div有多个class,jquery用attr获取某个class的值
("div").each(function(){ (this).attr("id");});或者用for循环遍历 var divs = $("div");for(var i=0; i<divs.length; i++){ divs.eq(i).attr("id")}

javascript如何得到多个div中的所有a元素
这一句就是文档中所有的a标签 document.getElementsByTagName("a");如果你非要这两个div下a标签的话,可以给这两个div外面套一个父div,加上id最好,这样就可以直接写了,例如 document.getElementById("patent").document.getElementsByTagName("a");...

如何用jquery判断一个大div里面有几个相同的class?
不知道在什么情况下运行,就当页面加载完成后运行了。(function(){ if($(".xianlu >.day").size() <= 3){ alert(1);} else if($(".xianlu >.day").size() >= 4){ alert(2);} })

js怎么动态控制div的class?
先获取到li标签集合,再遍历该集合把每个className加上去:<script type="text\/javascript"> var li = document.getElementsByTagName('li'); for(var i = 0;i<li.length;i++){ li[i].className = i+1; }<\/script>

相似回答