CSS 字符串 –选择第三个逗号之前的所有内容

Question

我正在使用 Scriptaculous 编写一个自定义突出显示动画，其中包括 CSS3 发光。我得到了 box-shadow 样式，需要在 rgba alpha 值处分割它，然后改变该值以使阴影淡出。

$('fresh').style.MozBoxShadow

将返回

0 0 20px rgba(163, 238, 71, 1.0)

1.0 是 alpha 值。我需要将其拆分，以便可以设置：

$('fresh').style.MozBoxShadow = everythingBeforeAlphaValue + anAlphaValueIVaryWithJS + ')';

所有数字都可以是任意位数的长度，因此我不能使用 substring （这就是我真正知道的:)）。你能帮忙吗？

Answer 1

var mozBoxShadow = $('fresh').style.MozBoxShadow;
var everythingBeforeAlphaValue = /.*?rgba\((?:\d*,\s*){3}/.exec(mozBoxShadow)[0];

Answer 2

好吧，你仍然可以使用 substring，因为你可以知道 lastIndexOf(',')，例如：

var str = "0 0 20px rgba(163, 238, 71, 1.0)";

var everythingBeforeAlphaValue  = str.substring(0, str.lastIndexOf(',') + 1);
// "0 0 20px rgba(163, 238, 71,"
// ...

Answer 3

以编程方式完成会更好、更干净，无需解析字符串。

如果我正确理解 逻辑，您应该能够到达直接通过颜色

$('fresh').style.MozBoxShadowColor

即可节省一部分。

我也很确定可以通过编程方式访问颜色的“alpha”分量，但我不知道如何。