Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.07.2012, 12:17
Новичок на форуме
Отправить личное сообщение для skreets Посмотреть профиль Найти все сообщения от skreets
 
Регистрация: 20.06.2012
Сообщений: 3

Помогите разобраться с .next()
Здравствуйте!
Помогите разобраться в такой проблеме, есть верстка:
<div class="partnersBox">
    <img src="/images/partner/bb_expo.png" />
    <a href="javascript:;" class="aboutPart"><span>Барбекю Экспо</span></a>
    <a href="javascript:;">Благодарность</a>
    <div class="aboutPartText">
      текст
    </div>
    
  </div>


и к нему условие:
$(".aboutPart").click(function () {
  $(this).next(".aboutPartText").slideToggle("slow");


И оно не работает потому что за ссылкой с классом "aboutPart" идет еще одна ссылка без класса. Если убрать ссылку без класса то все начинает работать. Но вторая ссылка нужна и я решил этот вопрос таким способом:
$(".aboutPart").click(function () {
  $(this).next().next().slideToggle("slow");

Тоесть выбираю второй элемент. Я знаю что это не првильное решение проблеммы!
Обьясните пожалуйста в чем моя ошибка почему по клику на ссылку не происходит действия с элементом класс у которого "aboutPartText"?
Ответить с цитированием
  #2 (permalink)  
Старый 09.07.2012, 12:31
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

next выбирает именно следующий элемент
http://api.jquery.com/next/
Вы правильно сделали
cmd показал как можно с помощью nextAll сделать

Последний раз редактировалось vadim5june, 09.07.2012 в 12:44.
Ответить с цитированием
  #3 (permalink)  
Старый 09.07.2012, 12:40
Аватар для cmd
cmd cmd вне форума
Профессор
Отправить личное сообщение для cmd Посмотреть профиль Найти все сообщения от cmd
 
Регистрация: 19.03.2011
Сообщений: 177

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

  <div class="partnersBox">
    <a href="javascript:;" class="aboutPart"><span>Барбекю Экспо</span></a>
    <a href="javascript:;">Благодарность</a>
    <div class="aboutPartText">
      текст
    </div>
  </div>
  
<script>
$(".aboutPart").click(function () {
	$(this).nextAll(".aboutPartText").css("background", "yellow");
});
</script>

</body>
</html>
__________________
Cogito, ergo sum
Ответить с цитированием
  #4 (permalink)  
Старый 09.07.2012, 12:44
Новичок на форуме
Отправить личное сообщение для skreets Посмотреть профиль Найти все сообщения от skreets
 
Регистрация: 20.06.2012
Сообщений: 3

я не могу понять почему .next() игнорирует селектор .aboutPartText?
Ответить с цитированием
  #5 (permalink)  
Старый 09.07.2012, 12:48
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от skreets Посмотреть сообщение
я не могу понять почему .next() игнорирует селектор .aboutPartText?
ну он же не сосед там же написано по ссылке что выбирает только следующий nextSibling если совпадает селектор-а у Вас не следующий а через элемент

Description: Get the immediately following sibling of each element in the set of matched elements. If a selector is provided, it retrieves the next sibling only if it matches that selector.
Ответить с цитированием
  #6 (permalink)  
Старый 09.07.2012, 12:51
Новичок на форуме
Отправить личное сообщение для skreets Посмотреть профиль Найти все сообщения от skreets
 
Регистрация: 20.06.2012
Сообщений: 3

Спасобо большое! Тепрь все понятно
Ответить с цитированием
  #7 (permalink)  
Старый 09.07.2012, 13:31
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,220

skreets, Обычно так универсальней, работает и при вложенности

$(this).parent(".partnersBox").find(".aboutPartText:first").slideToggle("slow")

Последний раз редактировалось Deff, 09.07.2012 в 13:41.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться с Bubbling HawkOFF Элементы интерфейса 10 09.08.2011 22:43
Помогите разобраться!!! Greendumb Общие вопросы Javascript 8 19.08.2010 14:04
Помогите пожалуйста разобраться Kupu4 Ваши сайты и скрипты 0 21.01.2010 10:44
Помогите разобраться с галереей IMAGIN yana_studio Общие вопросы Javascript 4 12.12.2009 17:24
Помогите разобраться со скриптом! Чайник Элементы интерфейса 1 13.03.2009 23:57