jquery - 多个DIV叠加在一个页面上

Question

这段代码

$(document).ready(function(){
    $(".one").hover(
        function(){
            $(".overlay").fadeTo(200,1).show();
        },
        function(){
            $(".overlay").delay(500).fadeTo(200,0);
        }
    ); 
});

将第二个 DIV 覆盖在第一个 DIV 之上，但会在同一页面上的多个实例中中断。我想我需要放一个$(this)。在那里某处但不知道在哪里。

感谢任何帮助。

Answer 1

您可以通过遍历来访问它。假设它是元素“one”的子元素，这只会将效果应用于悬停元素“one”的名为“overlay”的子元素。

$(".one").hover(
    function(){
        $(this).children(".overlay").fadeTo(200,1).show();
    },
    function(){
        $(this).children(".overlay").delay(500).fadeTo(200,0);
    }
);

这是jQuery tree traversal的引用.