根據父類更改css

Question

我需要以下問題的幫助。我需要改變css屬性（背景），取決於父類的類名。這是我的代碼。

HTML

<div id="types"> 
    <ul> 
    <li class='car'><a href='#'>Car</a></li> 
    <li class='bus'><a href='#'>Bus</a></li> 
    </ul> 
</div> 

我需要改變a標籤background-image。如果我在li.car，那麼背景將是images/car.png，如果在li.bus，那麼images/bus.png。

我找不出問題在哪裏。這是我如何開始的，而且這是有效的。

$('#types ul li a').css('background', "url('./images/skills/cooking.png') 
    center center no-repeat"); 

但是，當我將其更改爲類似的東西，它不會工作：

$('#types ul li a').css('background', 
    "url('./images/skills/'+($(this).parent().attr('class'))+'.png') 
    center center no-repeat"); 

有什麼不對？

Answer 1

除非您特別調用eval或Function構造函數，否則引號內的代碼將不會執行。嘗試在報價外面碰撞它，它應該工作。

$('#types ul li a').each(function() { 
     $(this).css('background', "url('./images/skills/" + ($(this).parent().attr('class')) + ".png') center center no-repeat"); 
    });