<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<span name="ipt" id="ipt">批量給元素添加css樣式或attr標籤</span>
<script type="text/javascript">
var cssParas = [];
cssParas.push({ "color": "red" });
cssParas.push({ "font-size": "12px" });
cssParas.push({ "font-weight": "200" });
setCss("ipt", cssParas)
var attrParas = [];
attrParas.push({ "data-id": 100 });
attrParas.push({ "data-name": "12px" });
attrParas.push({ "data-weight": "200" });
setAttr("ipt", attrParas)
/**
* 設置控件的CSS屬性
* @param objId 控件ID
* @param paras 屬性集合
*/
function setCss(objId, cssParas) {
for (var key of cssParas) {
$("#" + objId).css(key, cssParas[key])
}
}
/**
* 設置控件的Attr屬性
* @param objId
* @param paras
*/
function setAttr(objId, attrParas) {
for (var key of attrParas) {
$("#" + objId).attr(key, attrParas[key])
}
}
</script>
</body>
</html>
![]()
