Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Селекторы в jquery (обращение) (https://javascript.ru/forum/jquery/20549-selektory-v-jquery-obrashhenie.html)

kuzroman 09.08.2011 12:29

Селекторы в 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>

devote 09.08.2011 12:43

$('div .butText').next().attr('id')

kuzroman 09.08.2011 12:54

Да спасибо, такая конструкция помогла.

$('div .butText').mouseover( function(){
alert( $(this).next().attr('id') );
});


Часовой пояс GMT +3, время: 20:38.