jQuery的切換不會列表項

Question

我有一個列表，它是一個列表項內內的列表項工作「刪除顯示」，以便將其顏色更改爲橙​​色。然而，該項目自它不顯示當我保存並運行我的肘代碼：

$(".sel-display").toggle(function() { 
      $(this).css("background", "#ffcc00"); 
      //$(this).css("background-position", "140px 5px"); 
    });​ 

我做了一個小提琴這裏：http://jsfiddle.net/noscirre/3fwZn/

任何幫助將非常感激。

Answer 1

你可以做這樣的事情：

$('.sel-display').click(function(){ 
    if($(this).hasClass("highlighted")){ 
     $(this).removeClass("highlighted"); 
     $(this).css({"background", "#ffffff"}); 
    }else{ 
     $(this).addClass("highlighted"); 
     $(this).css({"background", "#ffcc00"}); 
    } 
}); 

Answer 2

我認爲你需要做一個找到的所有列表中的項目具有一定的類名類似如下：因爲我寫它放開手腳

$('.sel-display').find('li').hasClass('del-display'); 

林不知道如果多數民衆贊成代碼正確的，但我想你可能需要沿着這些路線。

Answer 3

不是最好的解決方案，但它的東西？

http://jsfiddle.net/3fwZn/7/

的Javascript：

$(".sel-display").click(function() { 
    $(this).toggleClass('del'); 
}); 

CSS：

.del { 
    background-color: #ffcc00 !important; 
}