我的HTML代码中有以下几个div:
<div>#558C89</div>
我希望每个div的背景都具有它所拥有的值。 我想出了一个脚本来做到这一点,但只有当点击div时:
$(document).ready(function() {
$(document).on('click', 'div', function() {
$(this).css('background-color', $(this).text());
});
});
我是JavaScript和jQuery的初学者,我不确定它是否是正确的方法。我希望这些div在页面加载时已经设置了背景颜色。
答案 0 :(得分:5)
使用.each()
遍历每个<div>
并使用.text()
提取十六进制颜色代码。
$(document).ready(function () {
$('div').each(function () {
$(this).css('background-color', $(this).text());
})
});