Доброго всем дня, подскажите, в своем скрипте я обращаюсь к
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>