2014-11-23 71 views
1

我將索引添加到動態html中。如何將css應用於動態生成的id?

我的HTML:

<i class="fa fa-star fa-fw" id="star[111]" style="float:right;color:#D9CFBE"></i> 

腳本(在angularjs):

$scope.AddItem = function(obj) {    
     $("#star["+obj.Sno+"]")[0].style.color = "#FE5105";   
} 

但我得到的錯誤:無法讀取的不確定

物業風格請幫我出PLSS

+0

確保你獲得了你的對象的DOM實例,所以在你擁有它之後,你可以對它應用'.style。*'屬性。 – Duvdevan 2014-11-23 15:49:10

+0

你爲什麼不嘗試用star.111或star_111而不是star [111]形式的id? – fonkap 2014-11-23 15:50:47

回答

4

在選擇器中,[]定界爲attribute selector。如果你想把它們作爲一個id的一部分,你必須逃避它們。

請注意,您還必須在JavaScript字符串中轉義\個字符。

"#star\\[" + obj.Sno + "\\]" 

通常最好避免在ID和類名開頭使用CSS元字符。