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

发布于 2024-09-25 23:25:33 字数 760 浏览 3 评论 0原文

当鼠标悬停在#divlayer上时，find() id of child 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');
});

edit: my bad，我应该澄清我的问题。当鼠标指针移到

title 上时，span子项被隐藏，每个的 id span 孩子被返回。

基本上，

title

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

原文

when mouseover #divlayer, find() id of child 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');
});

edit: my bad, I should have clarified my question. the spanchildren are hidden, when the mouse pointer goes over <p>title</p>, id of each span child is returned.

Basically, <p>title</p> is visible at first, and when the mouse goes over the it, children are shown and ids are returned individually.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

那片花海 2024-10-02 23:25:33

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

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

Maybe like this.. (Edited to meet your last requirements)

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

回复收藏 0 原文

颜漓半夏 2024-10-02 23:25:33

根据您的更新

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

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

Based on your update

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

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

回复收藏 0 原文

再见回来 2024-10-02 23:25:33

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 做任何你需要的事情

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]);
    })
});

here you have it. it takes all id's and pushes it onto accumulator. then you can do whatever you need with these id's

回复收藏 0 原文

~没有更多了~