javascript - 如何使用jquery获取div的文本并设置元素的背景颜色

Question

$(".child").css("background-color", $(".child div").val());

<div class="flexbox" id="flexbox">
    <div class="child">
        <div>#69d2e7</div> 
    </div>
</div>

我正在尝试获取该元素的值并使其成为该元素的 background-color 但我不知道出了什么问题

Answer 1

The .val() method is primarily used to get the values of form elements such as input, select and textarea.

您需要使用 .text()获取 div 标签的文本。

$(".child").css("background-color", $(".child div").text());

如果您的文档中有多个.child，您需要使用底部代码

$(".child").each(function(){
    $(this).css("background-color", $("div", this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="flexbox" id="flexbox">
    <div class="child">
        <div>#69d2e7</div> 
    </div>
    <div class="child">
        <div>red</div> 
    </div>
    <div class="child">
        <div>green</div> 
    </div>
</div>