Показать сообщение отдельно
  #1 (permalink)  
Старый 27.09.2016, 17:49
Новичок на форуме
Отправить личное сообщение для TommyDBrown Посмотреть профиль Найти все сообщения от TommyDBrown
 
Регистрация: 28.06.2011
Сообщений: 6

Селектор по содержанию слова
Приветствую, есть такой код
$(function(){
  $('.header__city-link').click(function(){
    event.preventDefault();
    $(".header__city-list").slideToggle('fast');
  });
  $('.header__city-item a').click(function(){
    event.preventDefault();
    var tx = $(this).html();
    $(".header__city-list").slideUp('fast');
    $(".header__city-link").html(tx);
    if ($(".header__city-link:contains(Железногорск)")) {
      $(".contacts__item--jeleznogorsk").addClass("contacts__item--active");
    }else {
      $(".contacts__item--jeleznogorsk").removeClass("contacts__item--active");
    }
    if ($(".header__city-link:contains(Белгород)")) {
      $(".contacts__item--belgorod").addClass("contacts__item--active");
    }else {
      $(".contacts__item--belgorod").removeClass("contacts__item--active");
    }
    if ($(".header__city-link:contains(Курск)")) {
      $(".contacts__item--kursk").addClass("contacts__item--active");
    }else {
      $(".contacts__item--kursk").removeClass("contacts__item--active");
    }
  });
})

Благодаря нему на сайт выводится список с городами, а также по идее если элемент с классом ".header__city-link" содержит в себе название одного из городов, этому городу с классом к примеру ".contacts__item--kursk", добавляется активный класс "contacts__item--active". Но моя задумка почему то не работает нормально при выборе города Железногорск, класс "contacts__item--active" добавляется всем вышеуказанным городам, а именно Железногорску, Белгороду, Курску. Хотя в коде выше указано конкретно, что если ".header__city-link" содержит именно текст Железногорск, только тогда добавляем класс"contacts__item--active". Кто подскажет в чем ошибка?
Ответить с цитированием