Применение Fading эффекта к каждой ссылке сайта

[Pavel M.]

$(this).parents('div').parents('div').parents('div );

может быть имелось в виду $(this).parent('div').parent('div').parent('div')

?

[sosed2]

$(this).parents('div').parents('div').parents('div);

чет у меня ничего не выходит(
вот

$(document).ready(function() {
	$(".float a").wrap('<div />');	
	$(".float a").wrap('<div />');
	$(".float a").wrap('<div />');
$(".float a").hover(
	function(){ //over
			var index = $(this).parent('div');
			alert(+index);
			  },
    function(){ //out

			  }
			             );
                              });

по идее мне, в окне, должен выскочить индекс моего дива(див в который вложена наведенная ссылка )!!!а мне выскакивает NaN ((
что не так ?

[melky]

может быть имелось в виду $(this).parent('div').parent('div').parent('div')

?

либо так, либо так. я помню, чем они различаются, помню, что делают, но легко их путаю.

[sosed2]

как получить index diva ???????????????

$(document).ready(function() {
02
    $(".float a").wrap('<div />');   
03
    $(".float a").wrap('<div />');
04
    $(".float a").wrap('<div />');
05
$(".float a").hover(
06
    function(){ //over
07
            var index = $(this).parent('div').parent('div').parent('div');
08
            alert(+index);
09
              },
10
    function(){ //out
11
 
12
              }
13
                         );
14
                              });

так не получается ((((((((((((

[Pavel M.]

как получить index diva ???????????????

а что такое 'index diva' ?

[sosed2]

а что такое 'index diva' ?

ну на сколько я понял у каждого тега помимо id классов и тд, есть уникальный идентификатор "index", так же?
так вот, именно этот уникальный номер я и хочу получить, далее по нему управлять!

[devote]

sosed2,
может ты про .sourceIndex имеешь ввиду??

var index = $(this).parent('div')[0].sourceIndex;

[devote]

но тебе нужно делать так:

$(this).parent('div').addClass('hover_link_menu_3').parent('div').addClass('hover_link_menu_2').parent('div').addClass('hover_link_menu_1');

[devote]

ну а когда мышь убираешь, то так:

$(this).parent('div').removeClass('hover_link_menu_3').parent('div').removeClass('hover_link_menu_2').parent('div').removeClass('hover_link_menu_1');

[devote]

а вообще лучше делать так:

<style type="text/css">
.hover_link_menu_1 {
   border: 1px solid #f00;
}
.hover_link_menu_1 div {
   border: 1px solid #0f0;
}
.hover_link_menu_1 div div {
   border: 1px solid #00f;
}

</style>
<div>
  <div>
    <div>
      <a class="mylink" href="/">my link</a>
    </div>
  </div>
</div>

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(".mylink").hover(function(){
    $(this).parent().parent().parent().addClass('hover_link_menu_1');
  }, function(){
    $(this).parent().parent().parent().removeClass('hover_link_menu_1');
  })
</script>