У меня есть неупорядоченный список, который динамически создается, и мне нужно добавить класс с именем 'selected' в один конкретный -li-.добавить класс к одному конкретному элементу 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-?
Это добавляет класс 'selected' к правильному элементу li, когда страница загружается, но она не изменяется вообще, когда пользователь нажимает на другую ссылку. –
Я добавил обработчик события click для изменения класс, когда пользователь нажимает на ссылки. – michaeljdennis
это делает то, что я ищу в своем вопросе, но то, чего я не понимал, задавая свой вопрос, так, может быть, вы можете мне помочь, если я еще не работаю над этим сам ... Я используя yahoo tabview, и этот неупорядоченный список - это yui-nav (вкладки). области содержимого, которые идут с каждой вкладкой, имеют класс «контент». В принципе, каждая область содержимого должна отображаться только тогда, когда выбран соответствующий лимит. ответ выше, который имеет дело с jQuery.map, но не выбирает ли, который соответствует сегодня. этот код делает это, но все области содержимого показывают все время. есть идеи? –