Question

我有几个同一个类的div，我想在它们中的任何一个悬停时显示相同的div。我只想创建第二个div一次。我尝试在文档中创建它，然后克隆并在需要时附加它。这不起作用。在下面的示例中，我的main_item是正在悬停的类，而optionbar是要显示的div。请注意，当您将鼠标悬停在其上时，会为任何main_item类指定一个ID为9999，并且当您将鼠标悬停在其上时会移除该ID。

$(function(){
    $(".main_item").hover(function(){
     $('.optionbar').clone().appendTo("#9999");
    }
    ,function(){
         $("#9999").remove('.optionbar');
    }
);        
});

Answer 1

您将找到工作示例here。

代码示例：

$("div#test").hover(
   function () {
      $(this).append($("<div> ***</div>"));
    }, function () {
       $(this).find("div:last").remove();
    }
);

Answer 2

不确定我是否抓到了，但您应该使用this作为您悬停的当前元素

$(function(){
    $(".main_item").bind('hover',function(){
     $('.optionbar').clone().appendTo(this);
     $(this).remove('.optionbar');

    });        
});

Answer 3

我不明白为什么你需要克隆它，只需移动它并根据需要显示/隐藏

$(function(){
    $(".main_item").hover(function()
    {
        $('.optionbar').show().appendTo(this);

    }, function()
    {
        $('.optionbar').hide();
    });
});

http://jsfiddle.net/trapper/F94Db/2/

Answer 4

试试这个：（Demo Here）

$(".main_item").hover(
   function() {
    $('.optionbar').show().appendTo(this);
}, function() {
    $('.optionbar').hide();
});

希望这有帮助！

jquery在多个悬停中有相同的div节目

4 个答案: