如何獲取HTML元素的含量的CSS

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（#），而不是類（.）的元素。