如何将css应用于动态生成的id？

Question

我在html中动态添加索引。

我的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";         
}

但我收到错误：无法读取未定义的属性样式

请帮我解决问题

Answer 1

在选择器中，[和]分隔attribute selector。如果你想将它们作为id的一部分进行匹配，你必须逃避它们。

请注意，您还必须在JavaScript字符串中转义\个字符。

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

通常最好避免在ID和类名中使用CSS元字符开始。