将脚本从jQuery 1.9转换为1.8

时间:2013-07-22 21:30:17

标签: jquery-1.9 jquery-1.8

此脚本适用于jQuery 1.9,但在1.8中不起作用。如何将此脚本转换为jQuery 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 个答案:

答案 0 :(得分: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]));
}