Jquery Выбранный класс

0

У меня есть два раскрывающегося списка: Главная Категории Контакты и т.д.

В разделе "Категории" есть подкатегории.

Я хочу применить выбранный класс к "Категории", когда пользователь выбирает что-то из подкатегорий.

Например, когда пользователь нажимает "home" home, задается класс выбранного, но когда пользователь выбирает что-либо из подкатегорий в разделе "Категории", ему должен быть присвоен класс "selected". В настоящее время мой код jquery:

$(function() {
    $('a').click(function() {
        $('a').removeClass('selected');
        $(this).addClass('selected');  
    });
});

Это также добавляет выбранный класс в выпадающие элементы.

Пожалуйста, помогите мне

  • 0
    вставьте HTML,
  • 0
    Покажите нам свои списки наценки ..
Показать ещё 1 комментарий
Теги:

2 ответа

0
Лучший ответ

Вы можете использовать уникальные идентификаторы и одинаковые имена классов для всех подкатегорий. Если любой из них щелкнут, вы можете добавить требуемую классность.

что-то вроде этого

$(function() {
$('.subcategory').click(function() {
    $('.category').addClass('selected');


});
  • 0
    Но что касается ссылки «Домой», то ей не будет предоставлен выбранный класс, если я использую ваш код
  • 0
    Сохраняйте код как есть, но добавьте условие if для кликов по подкатегориям, а затем добавьте к нему приведенный выше код.
1

Похоже, вы ищете метод .parent() jQuery. Просто дайте подкатегориям класс подкатегорий и когда один из них щелкнут, установите стиль в $(this).parent()

$(function() {


    $('.cat').click(function() {

        $('.cat').removeClass('selected');
        $(this).addClass('selected');           

    });

    $('.subcat').click(function() {

        $('.cat').removeClass('selected');
        $(this).parent().addClass('selected');           

    });

});
  • 0
    Но что касается ссылки «Домой», то ей не будет предоставлен выбранный класс, если я использую ваш код

Ещё вопросы

Сообщество Overcoder
Наверх
Меню