Question

当鼠标悬停#divlayer，find() 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>时，会返回每个 span孩子的ID。

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

Answer 1

也许是这样..（编辑以满足您的上一个要求）

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

Answer 2

HTML：

<div id="divlayer">
    <span class="mouseoverClass" id="apple">apple</span>
    <span class="mouseoverClass" id="orange">orange</span>
    <span class="mouseoverClass" id="kiwi">kiwi</span>
</div>

jQuery的：

$(document).ready(function(){
    $('#divlayer').mouseover(function(){
        var accumulator = new Array();
        $(this).find('span').each(function(a,dom){accumulator.push(dom.id);});
        alert(accumulator[0]);
    })
});

在这里你拥有它。它需要所有id并将其推送到累加器上。那么你可以用这些id

做任何你需要的事情

Answer 3

根据您的更新

$('#divlayer').mouseover(function(){
    $('span').show();
});

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

mouseover parent = find（）子ID名称

3 个答案: