С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
36 / 36 / 7
Регистрация: 15.01.2013
Сообщений: 161

Добавление класса к элементу списка

04.04.2013, 17:24. Показов 1486. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день - пишу функцию - костыль на jQuery,
которая бы делал активной ссылку - элемент меню навигации.
т.к. в jQuery не ас, столкнулся с проблемкой:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
  var full_url = window.location.href;
  var pos_id = full_url.indexOf("id=");
  if (pos_id > -1) {
      var index1 = full_url.substr(pos_id, 6);
      alert(index1);
      if (index1 = 'id=132') {
          //mark_hyperlink(1);
          $("ul.nav li").removeClass();
          $("ul.nav li").get(0).addClass("active");
      }
  }
});
по коду : определяем текущую гиперссылку,и по ней делаем "активным" нужный номер меню.
классы удаляются, но не присваиваются.
ткните пож-та где-ошибка может быть.
вот HTML:
HTML5
1
2
3
4
5
6
        <ul class="nav">
            <li class="active"><a href="">О компании</a></li>
            <li><a href="">Каталог продукции</a></li>
            <li><a href="">Акции/скидки</a></li>
            <li><a href="">Контакты</a></li>
        </ul>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
04.04.2013, 17:24
Ответы с готовыми решениями:

Добавление класса к динамическому элементу
Ребят... Подгружаются элементы через ajax. Как добавить к ним класс без каких-либо кликов, просто при загрузки страницы? Код: ...

Добавление класса в активному элементу
Добрый день знатоки jQuery Подскажите пожалуйста, как элементу span при нажатии на него присвоить класс .active, и убрать класс при...

Добавление элементу значения текст, активного класса
Добрый день! Подскажите как реализовать такую схему При клике на &lt;li&gt; ему добавляется класс &quot;active&quot;, при клике на другой...

2
 Аватар для Soldado
901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
04.04.2013, 19:09
Присвоить "=" , равно "=="
JavaScript
1
if (index1 == 'id=132')
Что происходит если не равно id=132 и причём здесь этот id?
Что в следующей строке выполняется ?
JavaScript
1
$("ul.nav li").get(0).addClass("active");
Выбор элемента - eq, а get не встречал в таком виде.
1
36 / 36 / 7
Регистрация: 15.01.2013
Сообщений: 161
05.04.2013, 10:43  [ТС]
Спасибо, с помощью "==" и ":eq(0)" получилось,
да Javascript и jQuery еще нужно подучить.

По поводу кода - если не выполняется (index1 == 'id=132') ,
то выполняются другие ветви кода (аналогично написанные),
не привел их чтобы не засорять лишним кодом страницу.

По id определется какая сейчас активная страница
должна быть помечена (основные страницы идут с номерами 132,134,71, остальные страницы относятся к каталогу продукции).

Получившийся код функции (работающий)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$(document).ready(function() {
  var full_url = window.location.href;
  var pos_id = full_url.indexOf("id=");
  if (pos_id > -1) {
      var index1 = full_url.substr(pos_id, 6);
      if (index1 == 'id=132') {
          $("ul.nav li").removeClass();
          $("ul.nav li:eq(0)").addClass("active");
      }
      else
        if (index1 == 'id=134') {
          $("ul.nav li").removeClass();
          $("ul.nav li:eq(2)").addClass("active");
        }
        else
          if (full_url.substr(pos_id, 5) == 'id=71') {
           $("ul.nav li").removeClass();
           $("ul.nav li:eq(3)").addClass("active");
          }
         else {
           $("ul.nav li").removeClass();
           $("ul.nav li:eq(1)").addClass("active");
         }
  }
});
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
05.04.2013, 10:43
Помогаю со студенческими работами здесь

Добавление класса к элементу по нажатию на кнопку
Здравствуйте, есть на сайте несколько кнопок &lt;a class=&quot;module-link&quot; href=&quot;#&quot;&gt;&lt;/a&gt;&lt;a class=&quot;module-link&quot; ...

Добавление атрибута элементу
Помогите добавить атрибут required=&quot;required&quot; текстовому полю если чекбокс checkbox1 изменяется onchange=&quot;&quot;

Добавление события к элементу
Всем привет! Вот у меня есть такая задачка: у меня с сервака подгружается информация, которую я средствами js вставляю в див с определённым...

Доступ к предпоследнему элементу списка
Есть список такого плана Как получить доступ к предпоследнему элементу и изменить текст вложенного span (в данном случае &quot;New Text...

Добавление еще одного обработчика события к элементу
Подскажите, как добавить еще один обработчик события элемента, если для этого события уже установлены обработчики?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru