JQuery CSS() не работает со строкой

Question

var csn = ['font-family', 'font-size', 'font-weight', 'color', 'text-decoration', 'text-shadow', 'background-color']; 

$.each(csn, function (n, value) { 
    style.push("'" + value + "':'" + $('div').css(value) + "'"); 
}); 

var msg = "{" + style.join(',') + "}"; 

$('div#taget').css(msg); 

Answer 1

Я не проверял, но, попробуйте этот

var csn = ['font-family', 'font-size', 'font-weight', 'color', 'text-decoration', 'text-shadow', 'background-color']; 

$.each(csn, function (n, value) { 
    $('div#taget').css(value, $('div#source').css(value)); 
}); 

вид, что я изменить $ ('DIV') к $ (» div # source '), потому что вы хотите взять стиль всего из 1 div и не всех div страниц (включая div # taget);

Answer 2

Вы должны передать объект методу css. '{...}' это строка. Таким образом, вы используете метод css в качестве получателя, а не сеттер, jQuery пытается найти и вернуть значение запрашиваемого свойства (, что '{...} 'строка), что, конечно, undefined.

Answer 3

Исправлено:

// use camelCased properties 
var props = ['fontFamily', 'fontSize', 'fontWeight', 'color', 'textDecoration', 'textShadow', 'backgroundColor']; 

//create a dump object 
var dump = {}; 

//iterate through properties and populate the dump object 
for(var i = 0, l = props.length, prop; prop = props[i]; i++) 
    dump[prop] = $('div').css(prop); 
}); 

//apply 
$('div#taget').css(dump); 

Вы должны прочитать the documentation, где вы могли бы видели некоторые рабочие примеры. Кроме того, вы считаете, что у вас нет основ в javascript, объектах и ​​т. Д., Поэтому я предлагаю вам посетить this place.

Answer 4

@Hey,

изменили некоторые вещи в вашем коде FIDDLE DEMO

Вот результат, когда вы видите источник дел.

<div id="taget" style="font-family:'Times New Roman',font-size:16px,font-weight:400,color:rgb(0, 0, 0),text-decoration:none,text-shadow:none,background-color:rgba(0, 0, 0, 0)">content heer</div>