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，则需要使用底部代码

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

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

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

然后看起来你实际上并没有调用文档就绪函数来阻止jquery在加载文档之前运行。

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

如何使用jquery

2 个答案: