如何将CSS应用于动态生成的ID？

Question

I am adding the index to star dynamically in html.

My html:

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

Script(in angularjs):

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

But i am getting error: cannot read property style of undefined

Kindly help me out plss

Answer 1

In a selector, [ and ] delimit an attribute selector . If you want to match them as part of an id, you must escape them.

Note that you must also escape \\ characters within JavaScript strings.

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

It is generally better to avoid using CSS meta characters in ids and class names to begin with.