如何为选定的元素添加背景颜色

Question

我使用模板添加了以下主题列表，如下

//Template used for topic list display
%li.topic{:topic_slug => "<%=topic.slug%>", :topic_name =>"<%=topic.text%>"}
%a{href: "#!/topics/<%=topic.slug%>" }
<%= topic.text %>

所示 显示的 Web 应用程序

我希望能够选择一个主题并为其添加突出显示。我该怎么做呢？ 我可以通过以下 jQuery 代码选择元素

addAllTopics: ->
    @options.topics.each(@addOneTopic)

    $(@el).find(".topics li[topic_slug=#{@options.topic}]")

，但是我不确定如何将突出显示添加到所选元素。有人可以就此给我建议吗？

Answer 1

通过使用 jQuery 的 css 方法，您可以向任何特定选定的主题添加背景颜色，如下所示...

addAllTopics: ->
    @options.topics.each(@addOneTopic)

    $(@el).find(".topics li[topic_slug=#{@options.topic}]").css('background-color','#000000');