修改jQuery函数（抓取每个DOM元素）

Question

这是我用来更改 DOM 元素的 alpha 颜色的函数。

function RGBA(e, alpha) { //e = jQuery element, alpha = background-opacity
    b = e.css('backgroundColor');
    e.css('backgroundColor', 'rgba' + b.slice(b.indexOf('('), ( (b.match(/,/g).length == 2) ? -1 : b.lastIndexOf(',') - b.length) ) + ', '+alpha+')');
}

我在这里Changing background opacity of div using RGBa找到了这个功能。

我正在使用 wordpress，因此我希望这个函数在某个 html 类的循环中抓取每个 div。

现在这个函数运行良好，但它改变了第一个类别的 alpha 颜色，并在所有类别中循环使用该颜色。 如果您需要更多详细信息，那么：我有一个 wordpress 插件，可以将背景颜色属性分配给类别，然后将其输出到实时站点。

我的代码如下所示：

<p class="x" style="background-color: <?php echo $rl_category_color; ?></p>
<?php foreach((get_the_category()) as $category) { echo $category->cat_name . ' '; }

现在我在下面的函数中定位 x 类

RGBA(jQuery('.x'), 0.2);

如果这对您有帮助，那么 here 您可以了解我的情况。

问题是它获取第一个类别颜色并将其分配给具有 x 类的每个 p添加了 wordpress post id 功能，通过向每个 x 类元素添加一个帖子 ID 来使每个类都是唯一的，因此由其完整类名抓取的每个 x 类元素都会有所不同，但这只是我的想法）。

所以我的目标是关注image 这只是我想让它不透明的设计的一部分。

抱歉，如果我违反了提问规则，我不是任何这些语言的专家。

Answer 1

我应该做的是：

$(".x").each(function() {
  RGBA($(this), 0.2);
}