0

私はDOMを繰り返し処理しており、javascriptを使用してJSONオブジェクトを作成しようとしています. 以下はコードです-

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

保存

次の関数は、ボタンがクリックされて DOM id とそれぞれのスタイルが 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",]

どんな助けでも大歓迎です。前もって感謝します。

4

1 に答える 1

0

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);

}
于 2013-04-10T19:03:07.330 に答える