Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.07.2014, 02:58
Новичок на форуме
Отправить личное сообщение для Terabayt Посмотреть профиль Найти все сообщения от Terabayt
 
Регистрация: 12.07.2014
Сообщений: 8

Включение класса active с определенным id
Есть код js
$(function() {
  $(document).ready(function(){
    $('.menu_content ul li').click(function() {
	console.log(this.id);
		$('.menu_content ul li').removeClass('active');		
		$('.i_content').removeClass('active');
		$("#content").addClass('active');
    });
	});
});

Код html
<!--Content-->
  <div class="content right">
  <div class="wrap_content left">
      <div class="menu_content">
			<ul>
				<li class="active" id="i_c1"><a>HISTORY</a></li>
				<li><img src="images/pipa.png"></li>
				<li id="i_c2"><a>THE EXELANCE</a></li>
				<li><img src="images/pipa.png"></li>
				<li id="i_c3"><a>THE COLLECTION</a></li>
				<li><img src="images/pipa.png"></li>
				<li id="i_c4"><a>LIFESTYLE</a></li>
				<li><img src="images/pipa.png"></li>
				<li id="i_c5"><a>AUTHENTICITY</a></li>
			</ul>
	  </div>
  </div>
  <div class="wrap_content right">
  <div class="c_content">
	<div class="i_content active" id="i_c1">
		<img src="images/port_1.jpg">
		<p class="m_name">История</p>
		<p class="t_name">THE EXELANCE</p>
		<div class="h_pep"><img src="images/pipa.png"><img src="images/pipa.png"><img src="images/pipa.png"></div>
		<div class="c_text">
		<p>Provasi was founded in the early 1970's and led by four brother</p>
		</div>
	</div>
	<div class="i_content" id="i_c2">
		<img src="images/port_1.jpg">
		<p class="m_name">История</p>
		<p class="t_name">THE EXELANCE</p>
		<div class="h_pep"><img src="images/pipa.png"><img src="images/pipa.png"><img src="images/pipa.png"></div>
		<div class="c_text">
		<p>Provasi was founded in the early 1970's and led by four brother</p>
		</div>
	</div>
  </div>
  </div>
  </div>
  <!--END Content-->


Нужно помочь додумать код чтобы добавлялся код ко всем блокам например с id i_c2 который определяется при нажатие на ссылку
Ответить с цитированием
  #2 (permalink)  
Старый 17.07.2014, 08:43
Профессор
Отправить личное сообщение для WorM32 Посмотреть профиль Найти все сообщения от WorM32
 
Регистрация: 11.02.2014
Сообщений: 303

id должен быть уникальным на странице, используйте классы.

$('.className').addClass('active');
Ответить с цитированием
  #3 (permalink)  
Старый 17.07.2014, 09:36
Новичок на форуме
Отправить личное сообщение для Terabayt Посмотреть профиль Найти все сообщения от Terabayt
 
Регистрация: 12.07.2014
Сообщений: 8

А как добавить нескольким элементам. Из другого блока
Ответить с цитированием
  #4 (permalink)  
Старый 17.07.2014, 09:41
Профессор
Отправить личное сообщение для WorM32 Посмотреть профиль Найти все сообщения от WorM32
 
Регистрация: 11.02.2014
Сообщений: 303

Нужно указать контекст. Например, так:

$(context).find('.className').addClass('active');
jQuery-selector-context
Ответить с цитированием
  #5 (permalink)  
Старый 17.07.2014, 11:31
Новичок на форуме
Отправить личное сообщение для Terabayt Посмотреть профиль Найти все сообщения от Terabayt
 
Регистрация: 12.07.2014
Сообщений: 8

Это можно организовать как нибудь через css. Например если у элемента есть класс active то в ccs прописать i_content.active

.menu_content li:nth-child(1) i_content.active:nth-child(1)

Нельзя ни как
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jquery - изменение класса kaminskys jQuery 9 21.08.2013 17:02
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 16:17
:hover и :active у дочерних и родительских элементов Dimus Элементы интерфейса 6 03.06.2012 19:54
Свойства/методы класса TicTac Общие вопросы Javascript 5 03.07.2011 14:53
Как изменить свойство css у всех элементов одного класса AlexJ Events/DOM/Window 7 19.03.2011 06:25