Question

当我使用$(audio).prev().html();时，它会记录：

<div class="col-md-8" style="background: #DDDDDD"></div>

但是，当我尝试使用：

获取css属性时

$(audio).prev().css("background")

记录rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box

我做错了什么？如何获取/设置元素的css属性？

相关的html：

<div class="row">
    <div style="background: #DDDDDD">

    </div>
</div>
<audio id="soundB">
    <source src=sounds/B.wav>
</audio>

Answer 1

.prev()将返回previous元素，.html()将返回匹配元素的innerHTML。

在这种情况下，您的语句$(audio).prev().html();将返回<div class="col-md-8" style="background: #DDDDDD"></div>元素，但$(audio).prev().css("background")将返回期望元素的父级css属性<div class="row"> }。由于此元素没有设置背景样式，因此返回rgb(0, 0, 0)

试试这个：$(audio).prev().find('div').css("background")

另请注意：颜色始终以rgb

的形式返回

Answer 2

它为您提供元素背景的完整样式，而不仅仅是指定的颜色。尝试使用＆＃34; background-color＆＃34;代替。

获取相关元素的css样式

2 个答案: