Селекторы в jquery (обращение)
Доброго всем дня, подскажите, в своем скрипте я обращаюсь к
div .butText при наведении, и вывожу следующий за ним div, вроде все должно работать и происходить обращение к следующему селектору. Но выводиться постоянно один и тот же атрибут с первого div .butText, куа бы я не наводил. Подскажите может тут как можно применить конструкцию с this ? или как еще решить задачу? $(document).ready(function(){ $('div .butText').mouseover( function(){ alert( $('div .butText + div').attr('id') ) }); }); Если что то код HTML вот (копи из notepad++): <div class='glavMenu'> <div class="glaz glazTop"></div><a href='#0' class="butText glavMenuText">Главная страница<br><em>index.htm</em></a> <div class="minMenu" id='glav'> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> <div id='id1' class="buttonTop"> <div class="glaz"></div><a href='#0' class="butText">Новости<br><em>news/</em></a> <div class="minMenu" id='news'> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> </div> <div id='id2' href="#" class="buttonTop"> <div class="glaz"></div><a href='#0' class="butText">Баннеры</a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> <div href="#" class="buttonTop buttonPod"> <div class="glaz"></div><a href='#0' class="butText butPodText">Верхние</a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> <div href="#" class="buttonTop buttonPod2"> <div class="glaz"></div><a href='#0' class="butText butPodText2">левый</a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> </div> <div href="#" class="buttonTop buttonPod2"> <div class="glaz"></div><a href='#0' class="butText butPodText2">правый</a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> </div> </div> <div href="#" class="buttonTop buttonPod"> <div class="glaz"></div><a href='#0' class="butText butPodText">Средние</a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2' ><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> </div> <div href="#" class="buttonTop buttonPod"> <div class="glaz"></div><a href='#0' class="butText butPodText">Нижние</a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> </div> </div> <div id='id3' href="#" class="buttonTop yellowFon"> <div class="glaz glazHide"></div><a href='#0' class="butText textHide">Анонсы<br><em>anons/</em></a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> </div> <div id='id4' href="#" class="buttonTop"> <div class="glaz"></div><a href='#0' class="butText">Текст на главной это пример очень длинной строки<br><em>text/</em></a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> </div> <div id='id5' href="#" class="buttonTop"> <div class="glaz"></div><a href='#0' class="butText">Он<br><em>text/</em></a> <div class="minMenu"> <a href='#1' ><img src='img/ico/edit.png'></a><a href='#2'><img src='img/ico/add.png'></a><a href='#3' ><img src='img/ico/delete_ico.png'></a> </div> </div> <div class='bottom'><div class='collapse'></div><div class='line_d' ></div></div> </div> |
$('div .butText').next().attr('id') |
Да спасибо, такая конструкция помогла.
$('div .butText').mouseover( function(){ alert( $(this).next().attr('id') ); }); |
Часовой пояс GMT +3, время: 20:38. |