将css属性数组传递给.css方法

时间:2014-07-06 16:19:10

标签: jquery css methods

我通过拆分具有css属性的字符串创建一个数组,然后将数组传递给css方法,但它不起作用。

var cssString = "'top':'25px', 'height':'400px'";
var cssArray = new Array;
cssArray = cssString.split(",");
$("#div").css(cssArray);

2 个答案:

答案 0 :(得分:1)

您可以在JSON对象中转换字符串,然后传递它.css()方法。

var cssString = "'top':'25px', 'height':'400px'".replace(/'/g, '\"'); // replace single quotes
var jsonStrring = "{" + cssString + "}"; //Create a string in JSON format
var jsonObject = JSON.parse(jsonStrring); //Convert to JSON object
$("#div").css(jsonObject); //Pass JSON object

答案 1 :(得分:0)

如果您的字符串是有效的JSON,您可以将其解析为对象并调用$("#div").css(cssJsonObject);

由于它不是有效的JSON(没有大括号和错误的引号),您需要确保您的字符串是有效的JSON并相应地解析它,或者从有效的javascript对象开始首先,如:

var cssObject = {top:"25px", height:"400px"};
$("#div").css(cssObject);