注:以下代码是个人总结，写法可能不规范。

 

//在点击按钮的时候触发

$("a.submit").click(function(){

     //因为做的是拖拽的，要获取拖拽之后的css的几个属性，被拖拽生成的是label，所以这里获取定义一个变量获取label

　　var tempDiv = $("#pTemplate label");

     //这里定义一个新数组，循环里的数组赋值给这个新数组

　　var full_array = new Array();

    //for循环开始，循环出拖拽生成的label( tempDiv)的个数

　　for( var i = 0; i < tempDiv.length; i++){

           //获取label的id

　　　　var labelIdd = tempDiv.eq(i).attr('id');

　　　　//定义循环内的数组，用于把要获取的css值传进来

　　　　var array = new Array();

　　　　//把所有label的id传进数组

　　　　array.idArr = labelIdd;

　　　　//把所有label的text传给数组

　　　　array.nameArr = tempDiv.eq(i).text();

　　　　//把所有label的css属性width传给数组

　　　　array.widthArr = tempDiv.eq(i).css('width');

　　　　//传高度

　　　　array.heightArr = tempDiv.eq(i).css('height');

　　　　//传left的值

　　　　array.leftArr = tempDiv.eq(i).offset().left;

　　　　//传top值

　　　　array.topArr = tempDiv.eq(i).offset().top;

　　　　//因为array这个数组，是每循环一次，就生成一个，所以把全部的赋值给循环外定义的full_array这个数组

　　　　full_array.push(array);

　　　　//把full_array这个数组转成json格式

　　　　JSON.stringify(full_array);

　　}

　　用ajax把full_array传给后台

　　$.ajax({

　　　　type: 'POST',

　　　　url: "/save_style.php",

　　　　'styleArr':full_array,'styleid':styleid,

　　　　success: function(){},

　　　　dataType: 'json'

　　});

});