Jquery - 通过悬停获取列表中的div编号

Question

如何通过将鼠标悬停在div上来获取编号？

HTML

<div id="log"></div> 

<div id="myList"> 

    <div class="divHV">One </div> 
    <div class="divHV">Two</div> 
    <div class="divHV">3 </div> 

    <div class="divHV">Blub </div> 
    <div class="divHV">Peter</div> 
    <div class="divHV">6 House</div> 

    <div class="divHV">last one is 7</div>  

</div> 

JS

$(document).ready(function() { 

    $('.divHV').hover(function() 
    { 
     XX = ''; 
     $('#log').html('This is the div number '+XX+' <br />'); 

    }, function() 
    { 
     $('#log').html(''); 
    });  

}); 

〔实施例工作
http://jsfiddle.net/9R4aC/2/

Answer 1

XX = $(this).index(); 

，但将从0开始，您可以添加+1如果你想..

http://jsfiddle.net/9R4aC/2/

Answer 2

$(document).ready(function() { 

    $('.divHV').each(function(i) { 
     $(this).hover(function() { 
      XX = i; 
      $('#log').html('This is the div number ' + XX + ' <br />'); 

     }, function() { 
      $('#log').html(''); 
     }); 

    }); 

}); 

http://jsfiddle.net/9R4aC/3/