jquery - jQuery：为元素分配背景颜色

Question

我对 jQuery 很陌生，我想根据页面加载时的值设置元素的背景颜色。

每个元素都有一个id结尾，"*_hex"这就是我使用选择器的原因$("[id$=_hex]")，每个元素都有value一个十六进制颜色。

这是一个示例元素：

<input id="product_colors_attributes_382873_hex" type="text" value="#c22424">

这是我到目前为止提出的代码：

$(document).ready(function(){
$("[id$=_hex]").each(function(){
        $(this).css('backgroundColor', $(this).value);
    });
});

如果我对颜色进行硬编码，它会起作用，但显然$(this).value不起作用。有什么线索吗？提前致谢。

score 3 · Accepted Answer

3

您应该能够使用this.value，不需要 jQuery 来获取输入的值。

于 2012-10-17T18:53:39.777 回答

score 3 · Accepted Answer

3

使用val()而不是$(this).value

 $(this).val()

于 2012-10-17T18:55:16.667 回答

score 2 · Accepted Answer

2

$(this).css('backgroundColor', $(this).val());

于 2012-10-17T18:55:08.560 回答

score 1 · Accepted Answer

要使用 jquery 访问值字段，您应该使用函数 val()

$(document).ready(function(){
$("[id$=_hex]").each(function(){
        $(this).css('backgroundColor', $(this).val());
    });
});

4 回答 4