2013-07-22 60 views
0

此脚本在jQuery 1.9中工作,但在1.8中不起作用。如何将此脚本转换为jQuery 1.8?将脚本从jQuery 1.9转换为1.8

NOT Working Demo on jsfiddle

Working Demo on jsfiddle

HTML

<div id="container"> 
    <div id="c1" class="aaa" style="text-align:right; color:red top:100px; ">child 1</div> 
    <div id="c2" class="aaa" style="text-align:left; top:200px; ">child 2</div> 
</div> 

jQuery脚本

$("#container").children().each(function() { 
    alert("element ID = " + $(this).attr('id')); 
    var styleProps = $(this).css(["width", 
            "height", 
            "color", 
            "background-color", 
            "text-align", 
            "left", 
            "top", 
            "right", 
            "bottom"]); 
    $.each(styleProps, function (prop, value) { 
     alert(prop + " = " + value); 
    }); 
}); 

回答

1

功能css接受的阵列没有实现直到1.9

如果您使用1.8(一次循环显示一个值),您可能必须手动完成。

var styleNames = ["width", "height", "color", ...etc... ]; 

var i; 
var $elem = jQuery(this); 
for (i = 0; i < styleNames.length; ++i) { 
    alert(styleNames[i] + " = " + $elem.css(styleNames[i])); 
} 
+0

http://jsfiddle.net/ynternet/tzEHe/5/ - 但它不工作:( – Patrik

+1

再次阅读我的回答接受阵列中的CSS功能不可用jQuery的1.8样本。我提供的作品很好,但你必须真正使用它。 –

+0

对不起,你是对的:)谢谢。 – Patrik