Question

鉴于以下声明：

$('#upLatImb').append('<span style="color:#F62817; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

我想做点什么：

var problemcolor=0xF62817;
$('#upLatImb').append('<span style="color:problemcolor; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

但这导致了许多html错误。

当然，我可以搜索并替换所有.js文件以更改颜色，但我想尽可能使用逻辑名称，并且每种颜色只更改一个语句。

我刚刚超过绝对新手水平，所以所有建议都是最受欢迎的。

Answer 1

看起来你想要一些令人难忘的东西重复使用？

使用“color：＃F62817”属性创建一个CSS类，并应用类而不是内联样式，这通常不是首选。

所以，你的CSS：

.problemcolor {
    color: #F62817;
}

.blink {
    text-decoration: blink;
}

你的jQuery：

$('#upLatImb').append('<span class="problemcolor blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

这里没有连接！这样可以提供更清晰的HTML / CSS，并且更好的实践和令人难忘的一切。

Answer 2

喜欢这个吗？

var problemcolor = '#f62817';
$('#upLatImb').append('<span style="color: ' + problemcolor + '; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span>');

Answer 3

您可以将字符串连接起来：

var problemcolor=0xF62817;
$('#upLatImb').append('<span style="color:' + problemcolor + '; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

Answer 4

还要考虑jQuery CSS和appendTo方法。

var problemcolor = '#FFFFFF';
$('<span>Your span</span>').appendTo('3upLatImb').css('color', problemcolor);

如何创建自己的颜色名称

4 个答案: