如何获取CSS中HTML元素的内容

Question

示例 - 我有一个这样的元素：

<div class='playerId'>1001</div>

我想用背景图像设置它的样式，其背景图片的URL源自元素本身的内容（基于命名约定）：

.playerId  
{  
    background-image: url('/images/userAvatars/' + [INNERTEXT] + '.jpg');  
}  

（我知道这种连接不合法;它代表我正在尝试做的伪代码。）

Answer 1

您需要使用脚本执行此操作。 CSS无法单独完成。

您可以使用jQuery来实现它，例如

var a = $('.playerId').text();

$('.playerId').css('background-image','/images/userAvatars/' + a + '.jpg');

旁注：如果您希望它们是唯一的，我会考虑使用ID（#）而不是类（.）。