Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.09.2011, 17:48
Аспирант
Отправить личное сообщение для Skyman Посмотреть профиль Найти все сообщения от Skyman
 
Регистрация: 05.05.2011
Сообщений: 32

Обращение к вложенному элементу
Интересует, как можно обратиться к диву, у которого ссылка имеет класс active

<div><a href="#">...</a></div>
<div><a href="#">...</a></div>
<div><a href="#" class="active">...</a></div> <!-- Интересует этот div -->
<div><a href="#">...</a></div>
Ответить с цитированием
  #2 (permalink)  
Старый 21.09.2011, 18:16
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

$('a.active').parent('div');
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #3 (permalink)  
Старый 21.09.2011, 18:16
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

<div><a href="#">...</a></div>
<div><a href="#">...</a></div>
<div><a href="#" class="active">...</a></div> <!-- Интересует этот div -->
<div><a href="#">...</a></div>


<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
alert($("a.active").parent('div').html());
</script>
Ответить с цитированием
  #4 (permalink)  
Старый 21.09.2011, 18:49
Кандидат Javascript-наук
Отправить личное сообщение для Nightmare Посмотреть профиль Найти все сообщения от Nightmare
 
Регистрация: 16.04.2010
Сообщений: 133

$('.active').closest('div')


Так будет лучше всего.
Ответить с цитированием
  #5 (permalink)  
Старый 21.09.2011, 18:58
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

Конкретно в данном случае - без разницы
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #6 (permalink)  
Старый 21.09.2011, 19:44
Аспирант
Отправить личное сообщение для Skyman Посмотреть профиль Найти все сообщения от Skyman
 
Регистрация: 05.05.2011
Сообщений: 32

Что-то не работает.

Нужно, чтобы при нажатии на элемент с классом carousel-prev для div, у которого img с классом active, добавлялось css свойство display: block;

<div id="carousel">
  <div class="carousel-controls">
    <div class="carousel-prev"><a href="#"></a></div>
    <div class="carousel-next"><a href="#"></a></div>
  </div>
	<div class="c_w_block">
           <a href="#" class="w_info"><img src="2.jpg" class="active">
           <div>
           <span class="w_name">test1</span><br />
           <span class="w_for">test2</span>
           </div>
           </a>
        </div>
	<div class="c_w_block">
           <a href="#" class="w_info"><img src="2.jpg">
           <div>
           <span class="w_name">test1</span><br />
           <span class="w_for">test2</span>
           </div>
           </a>
        </div>
</div>


$(document).ready(function(){
	$('.carousel-prev').click(function(){
		$('img.active').parent('div.c_w_block').css('display', 'block');
	});
});
Ответить с цитированием
  #7 (permalink)  
Старый 21.09.2011, 20:09
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

Вот здесь уже нужно использовать closest
Почитайте: Особенности использования .parent(), .parents(), .closest()
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #8 (permalink)  
Старый 21.09.2011, 20:20
Аспирант
Отправить личное сообщение для Skyman Посмотреть профиль Найти все сообщения от Skyman
 
Регистрация: 05.05.2011
Сообщений: 32

walik, спасибо, помогло.

Остался последний вопрос, а как обратится к div, который находится внутри ссылки с классом w_info, при условии, что у img класс active ?
Ответить с цитированием
  #9 (permalink)  
Старый 21.09.2011, 21:02
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

$('img.active').parent('w_info').find('div');

Читайте документацию.
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Селекторы в jquery (обращение) kuzroman jQuery 2 09.08.2011 12:54
обращение к элементам, которые не в документе luethus Events/DOM/Window 3 27.05.2011 10:55
Обращение к элементу внутри метода .ajax() roma86 jQuery 2 19.03.2010 21:52
Присвоение класса элементу с заранее неизвестным ID why.not? Events/DOM/Window 3 01.03.2010 04:47
обратиться к элементу формы, заданному переменной Andrej_2 Элементы интерфейса 4 15.05.2009 09:18