Question

我正在迭代DOM＆amp;尝试使用javascript创建JSON对象。以下是代码 -

<div id="div1" class="clickDiv" style="position: absolute; left: 259px; top: 32px; border: 10px none;">

保存

单击按钮以保存DOM ID＆amp;时执行以下功能。它们在JSON对象中的各自样式。

 function savecomm(){
var values = [];
var html = [];

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

        values.push($(this).attr("id"));
        var styleProps = $(this).css( ["position", "left", "top"] );
        $.each( styleProps, function( prop, value ) {
        html.push( prop + ": " + value );
        });

}); 
console.log(values);
console.log(html);

}

我在控制台中获得以下内容： -

["div1", "div2", "div3"]
["position: absolute", "left: 712px", "top: 31px", "position: absolute", "left: 872px", "top: 25px", "position: absolute", "left: 587px", "top: 19px"]

我想将div1与其各自的造型相关联。将其另存为JSON对象。例如： -

div1:[position: absolute", "left: 712px", "top: 31px",], div2:[position: absolute", "left: 602px", "top: 51px",]

感谢任何帮助。提前谢谢。

Answer 1

像这样的东西，使用ID作为密钥：

function savecomm() {
    var values = {};

    $(".clickDiv").each(function () {
        var html = [];
        var styleProps = $(this).css(["position", "left", "top"]);
        $.each(styleProps, function (prop, value) {
            html.push(prop + ": " + value);
        });
        values[$(this).attr("id")] = html;
    });
    console.log(values);

}

迭代DOM＆amp;形成一个JSON对象

1 个答案: