2012-01-27 63 views
0

我已經使用模板增加如下主題下面的列表中如何背景顏色添加到所選元素

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

顯示的Web應用程序

enter image description here

我希望能夠選擇一個主題併爲其添加亮點。我該怎麼做? 我能夠通過以下的jQuery代碼

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

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

但是我不確定如何亮點添加到選定的元素選擇元素。任何人都可以就此提出建議嗎?

回答

2

通過使用jQuery的CSS的方法,你可以添加背景色,以這樣的任何特定選題......

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

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