动态改变div样式

该博客介绍了如何在jQuery中动态获取并修改div元素的样式。通过获取#General_reportInfo下所有div并存储到数组中,然后遍历数组,检查id以'General_div0_'开头的元素。如果找到,进一步判断是否存在#createGeneralReportTitle组件,如果存在,则更改对应div的样式,将其宽度设为40%,左边距设为30%,上边距设为10%,高度设为50%。
摘要由CSDN通过智能技术生成

动态改变div样式

使用jquery获取#General_reportInfo下的所有div存入arr数组中,
通过each()函数遍历arr数组,判断idValue中以有General_div0_开头的,如果有
再判断页面中是否有#createGeneralReportTitle的组件,如果有,将General_div0_的样式修改。

$(document).ready(function(){
var len = $("#General_reportInfo div").size();//获取div标签的个数
var arr = [];
for(var index = 0; index < len-1; index++){//创建一个数字数组
arr[index] = index;
}
$.each(arr, function(i){//循环得到不同的id的值
idValue = $("#General_reportInfo div").eq(i).attr(“id”);
var flag = idValue.indexOf(“General_div0_”);

	if(flag == 0){
		if($("#createGeneralReportTitle" + i).length > 0){
			$("#" + idValue).css({"width":"40%","left":"30%","top":"10%","height":"50%"});
		}
		
	}
	
	});
});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值