javascript - 鼠标悬停父级 = find() 子级 ID 名称

Question

当鼠标悬停时#divlayer , find() child id span

HTML:

<div id="divlayer">
        <p>title</p>            

        <span id="apple">apple</span>
        <span id="orange">orange</span>
        <span id="kiwi">kiwi</span>
</div>

jQuery:

$('span').hide();
$('#divlayer').mouseover(function(){
    $('span').show();
    $(this).find(???).attr('id');
});

编辑:我的错，我应该澄清我的问题。 span当鼠标指针移至 <p>title</p> 时，子项将被隐藏，每个的 ID span child 回来了。

基本上，<p>title</p>首先是可见的，当鼠标移到它上面时，会显示子项并单独返回 id。

Answer 1

也许像这样..(编辑以满足您最后的要求)

$('#divlayer').mouseover(function(){
    $('span', $(this)).each(function(){
        alert($(this).attr('id'));
    });
});