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

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

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方法())

})

最快捷的方式还是使用jquery,通过$("td .blue")就可以拿到class为blue的所有td了,而要拿到所有td里面的值,可以这样:

var arr=$("td .blue")

var values=new Array()

for(var i=0i<arr.lengthi++){

var td=arr[i].innerHTML

values[i]=td

}

要看到这些值就可以遍历values这个数组:

for(var i=0i<values.lengthi++){

alert(values[i])

}

给每个需要添加*好的td都加上一个class样式,比如class="tb-b required",然后用jquery获取这些td,$(".required"),然后用each遍历,再添加星号,如下:(最好把jquery换成你自己下的版本)

<html>

<head>

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

$(document).ready(function() {

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

var $this = $(this)

$(this).html($this.html()+"(<font color='red'>*</font>)")

})

})

</script>

</head>

<body>

<table>

<tr><td class="required">a</td></tr>

<tr><td class="required">a</td></tr>

<tr><td class="required">a</td></tr>

<tr><td class="required">a</td></tr>

<tr><td class="required">a</td></tr>

</table>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11598780.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存