Question

背景颜色正在动态添加到元素中。我需要的是获取所应用的内联样式并添加相同的rgb背景颜色并使用rgba将其添加到另一个元素。

<section id="story" style="background-color: rgb(122, 86, 126)">
 <div class="row main text-center medium-text-left">
  <div class="small-12 medium-6 large-5 columns photo">
    <img src="assets/imgs/home/girl-closeup.jpg" alt="Close up of Natalia's face" data-adaptive-background>
    <h2 [Need background-color, but rgba applied here]>Natalia Summers - Age: 9<br>Fight: Lymphoma</h2>
 </div>
 <div class="small-12 medium-6 large-7 columns story">
    <h3>Natalia's Story</h3>
    <p>...</p>
</div>

Answer 1

$("#story").css("background-color") can be used to get the color value.

您可以使用上面的代码检索颜色并使用类似的颜色来分配颜色：

var color = $("#story").css("background-color");
$("selector").css("background-color",color);

// This should assign the color to the h2 element
$("#story").find("h2").css("background-color",color);

Answer 2

$(document).on('ready', function(){
var color = $("#story").css("background-color");
color = color.replace(')', ', 0.75)').replace('rgb', 'rgba');
$("#story h2").css("background-color",color);})

用你需要的'a'值替换0.75。

jQuery：如何从一个元素获取内联样式（背景颜色）并将其添加到另一个元素？

2 个答案: