Поиск элементов
Приветствую всех! Вопрос такой:
как с помощью JQuery найти (и обратиться) к элементу следующему за элементом с заданным классом? Вот что я делал $('.ahref').click(function(){ $nextEl = $(this).nextAll('.divc:first'); $nextEl.css('display','block'); // выполняем нужные действия .... <a class = "ahref" href = "javascript://" >Show1</a> <div style = "display: none" class = "divc">text1 text1 text1</div> <a class = "ahref" href = "javascript://" >Show2</a> <div class = "divc">text2 text2 text2</div> Приведенный выше код находит первый блок div следующий за ссылкой с классом ahref (т.е. то что мне нужно), НО В данном случае код работать не будет <SPAN><a class = "ahref" href = "javascript://" >Show1</a></SPAN> <div style = "display: none" class = "divc">text1 text1 text1</div> <a class = "ahref" href = "javascript://" >Show2</a> <div class = "divc">text2 text2 text2</div> Вопрос почему и как сделать так чтобы заработало?? |
нифига не понял что ты конкретно хочешь... получить элемент А ??
|
хочу сделать возможность сворачиваемых блоков на странице) вариант такой, есть ссылка с опред. классом (их разумеется может быть сколько угодно) и есть блок, который следует за этой ссылкой. При нажатии на ссылку блок (который идет за ссылкой с классом divc) должен свернуться/развернуться. Для этого мне нужно как-то обратится к блоку который идет за ссылкой на которую нажали...
|
В общем вопрос звучит так:
Как выбрать элемент с классом class следующим первым после элемента с классом class2 даже если он не является дочерним. |
<html> <head> <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> <style type="text/css"> .div_hidden { display: none; } </style> </head> <body> <a class="ahref" href="">ссылка1</a> <div class="div_hidden">Скрытый блок1</div> <a class="ahref" href="">ссылка2</a> <div class="div_hidden">Скрытый блок2</div> <a class="ahref" href="">ссылка3</a> <div class="div_hidden">Скрытый блок3</div> <a class="ahref" href="">ссылка4</a> <div class="div_hidden">Скрытый блок4</div> <a class="ahref" href="">ссылка5</a> <div class="div_hidden">Скрытый блок5</div> <a class="ahref" href="">ссылка6</a> <div class="div_hidden">Скрытый блок6</div> <script style="text/javascript"> $(".ahref").click(function(){ jQuery( this ).next().slideToggle(100); return false; }); </script> </body> </html> |
<html> <head> <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> <style type="text/css"> .div_hidden { display: none; } </style> </head> <body> <div><a class="ahref" href="">ссылка1</a></div> <div class="div_hidden">Скрытый блок1</div> <div><a class="ahref" href="">ссылка2</a></div> <div class="div_hidden">Скрытый блок2</div> <div><a class="ahref" href="">ссылка3</a></div> <div class="div_hidden">Скрытый блок3</div> <div><a class="ahref" href="">ссылка4</a></div> <div class="div_hidden">Скрытый блок4</div> <div><a class="ahref" href="">ссылка5</a></div> <div class="div_hidden">Скрытый блок5</div> <div><a class="ahref" href="">ссылка6</a></div> <div class="div_hidden">Скрытый блок6</div> <script style="text/javascript"> $(".ahref").click(function(){ jQuery( this ).parent().next().slideToggle(100); return false; }); </script> </body> </html> |
devote,
Большое спасибо) Решение оказалось до боли простым)) |
Часовой пояс GMT +3, время: 20:59. |