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

Question

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

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

显示的网络应用

我希望能够选择一个主题并为其添加一个突出显示。我该怎么做？ 我可以通过以下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');