Javascript 从父项读取边框颜色值';s背景色和透明的父对象';背景色

Javascript 从父项读取边框颜色值';s背景色和透明的父对象';背景色,javascript,jquery,css,parent-child,Javascript,Jquery,Css,Parent Child,我有一个div,如何从父对象的背景色中获取其边框颜色,并使父对象的背景色透明。都在jQuery或JS代码中 e、 x.代码如下所示: <div class="parent"> <div class="child"> </div> </div> <style> .parent { background-color: #333; } .child {

我有一个div,如何从父对象的背景色中获取其边框颜色,并使父对象的背景色透明。都在jQuery或JS代码中

e、 x.代码如下所示:

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



    <style>

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

.家长{
背景色:#333;
}
.孩子{
边框颜色:#fff;
}
现在,我希望子边框颜色变为#333(父对象的颜色),父对象的背景颜色(#333)变为透明

我想根据父子关系而不是div的名称来做这件事。

谢谢大家。

将孩子的边框颜色更改为家长的背景颜色

将父对象的背景色更改为透明

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

您需要多个元素吗?

非常感谢!不,我只想要一个元素,效果很好。
child.parent().css('background-color', 'transparent');