是否可以将变量传递给jquery的css函数？

Question

我想使用jQuery css()函数动态设置div元素的css,而不是使用css()函数的字符串文字/字符串常量.可能吗？

而不是使用以下代码与字符串文字:

$('#myDiv').css('color', '#00ff00');

我想使用变量为#myDiv元素设置css

版本1:

var propertyName = get_propery_name(myVariable1); // function get_propery_name() returns a string like 'background-color'
var value = get_value(myVariable2) ; //  function get_value() returns a string like '#00ff00'
$('#myDiv').css(propertyName, value);

版本2 :(只需硬编码,看看它们是否可以在不调用上述版本1的自定义函数的情况下工作):

var propertyName = 'background-color';
var value = '#00ff00';
$('#divLeftReportView').css(propertyName, value);

两个变量版本的代码都不起作用.请帮忙.谢谢.

Answer 1

您在此处发布的代码应该可以工作。我已经多次完成了您想要做的事情的两个版本。如果它不起作用，则很可能是您的 javascript 中的其他地方出现问题，或者您没有要更改的元素的正确选择器/id。

尝试alert("test");在 后立即添加$('#divLeftReportView').css(propertyName, value);。如果弹出窗口显示“测试”，则问题出在您的选择器上。如果不是，那么问题就是你的 javascript 中的错误。

也尝试$('#divLeftReportView').css("background-color", "#00ff00");在同一个地方添加。这将确认选择器是否正常工作。