将元素内部文本用作不同元素上的CSS值
将元素内部文本用作不同元素上的CSS值
提问于 2018-07-26 08:54:28
我尝试使用一个元素的第一个div中的文本作为另一个元素的CSS颜色值。这是我到目前为止想出的代码：
<style>
h1.page-title {
color: red !important;
}
</style>
<div id="field">
<div style="font-size:0;">#666!important</div>
<div style="font-size:0;">second div</div>
</div>
<h1 class="page-title">hello</h1>
<script>
$(function() {
var x = $("#field div:first").text();
$("h1.page-title").css("color", x);
});
</script>到目前为止，Javascript/jQuery代码似乎不适合我，但我不知道为什么。有什么方法可以做到这一点吗？请记住，以任何方式修改HTML代码都不是理想的做法。
在此之前，非常感谢您。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-07-26 09:05:08
您不能将"!important“传递给JQuery的CSS (或者至少不是这样)。放下它，它就能起作用了。
您可以：
a.将其更改为类似$("h1.page-title").css('cssText', 'color:' + x);的内容("cssText“将添加您作为字符串传递的内容。)-或者查看下面链接的”如何应用‘！jQuery中的重要’“的其他答案。
b.如果可能，不要使用!important。你真的没有理由应该有一个内联重要的，除非CSS有一个重要的是完全不受你的控制。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51529522
复制相关文章
相似问题
腾讯云开发者
