从父级的背景色和透明父级的背景色读取边框颜色值

Question

我有一个div，如何从其父级的background-color获取其边框颜色，并使父级上的background-color透明。 全部在jQuery或JS代码中。

ex代码是这样的：

    <div class="parent">
      <div class="child">
      </div>
    </div>



    <style>

    .parent {
    background-color: #333;
    }
    .child {
    border-color: #fff;
    }
</style>

现在，我希望子边框的颜色变为＃333（父级的颜色），而父级的背景色（＃333）变为透明。

我想基于父子关系而不是div的名称来执行此操作。

谢谢你们。

Answer 1

更改孩子的边框颜色与父母的背景颜色

var child = $('.child');

child.css({
  'border-color': child.parent().css('background-color')
});

将父级的背景色更改为透明

child.parent().css('background-color', 'transparent');

您是否需要多个元素？