如何使用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

.val()方法主要用于获取表单元素的值，例如 input、select 和 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>

Answer 2

确保您正确引用了脚本文件，并且它确实位于项目的根目录中。 如果不使用相对路径来指定位置。 类似的东西：

<script src="<%= Url.Content("~/scripts/jquery-1.3.2js") %>" type="text/javascript"></script>

然后它看起来不像您实际上是在调用防止 jquery 在加载文档之前运行的文档就绪函数。

$(document).ready(function(){ // jQuery methods go here... });