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/