添加一个类到一个特定的li元素

Question

我有一个无序的列表，它是动态创建的，我需要添加一个名为'selected'的类给一个特定的-li-。

-ul-是星期几的列表，需要选择的-li-是当天。不幸的是，我无法弄清楚如何将这个类添加到一个元素中，并且每当我尝试添加此类时，整个列表就会消失。这是我的代码：

var weekday = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat"); 
var today = day.getDay(); 
for(var x=0;x<=6;x++){ 
    $('ul').append(
     $('<li>') 
     .toggleClass(function(){ 
      if(today == x){ return 'selected'; } 
      else{ return ''; }; 
     }); 
     .append($('<a href = "#' + weekday[x].toLowerCase() + '">' + weekday[x] + '</a>'));  
    );  
$('li:last').addClass('last-child'); 

有人可以帮我弄清楚如何将这个类添加到当天的-li-吗？

Answer 1

继从其他意见建议和修复一些错误固定代码：

var weekday = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'], 
    today = new Date().getDay(), 
    list = $('ul'); 

for(var x=0;x<=6;x++){ 
    list.append(
     $('<li></li>', { 
      html : '<a href = "#' + weekday[x].toLowerCase() + '">' + weekday[x] + '</a>' 
     }).toggleClass(function(){ 
      if(today == x){ 
       return 'selected'; 
      } 
     }).bind('click', function(e){ 
      e.preventDefault(); 
      $(this).parent().children('li').removeClass('selected'); 
      $(this).addClass('selected'); 
     }) 
    ); 
} 

$('li:last').addClass('last-child'); 

Answer 2

if(today = x) 

• =分配
• ==比较

做的另一种方式：

var weekday = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat"); 
var lis = []; 
var today = new Date().getDay(); 
jQuery.map(weekday, 
    function(day, ind){ 
     var cls = ind===today ? " class='selected'" : ""; 
     lis.push("<li><a" + cls +" href='#" + day.toLowerCase() + "'>"+ day + "</a></li>"); 
    } 
); 
$("ul").html(lis.join("")); 

Answer 3

是一天定义为新的日期？

var day = new Date（）;

或var today = new Date（）。getDay（）;

Answer 4

试一下：

var weekday = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat"); 
var d = new Date(); 
var today = d.getDay(); 

for(var x=0;x<=6;x++){  
    $('ul').append(   
     $('<li><a href = "#' + weekday[x].toLowerCase() + '">' + weekday[x] + '</a>') 
    );  

    $('li:last-child').addClass('last-child'); 

    if(x == today) 
    { 
     $('li:gt('+(x - 1)+')').toggleClass('selected'); 
    } 
}