创建一个与jQuery悬停的div？

Question

所以我有一个非常愚蠢的问题。是否有可能创建一个悬停的div？我无权访问为我创建列表的文件，因此它创建了此文件。

<ul class="class"> 
    <li>content</li> 
    <li>content</li> 
    <li>content</li> 
</ul> 

在这个特定的项目中，我无法直接编辑该文件。但我想对每个项目

<div>stuff</div><li>content</li> 

我知道这不是一个理想的配置之外创建一个，但它是我想做到这一点。更糟糕来糟糕的是，我已经得到了这一工程的另一种方式，但我想 -

像

jQuery('#target').hover(function() { 
    jQuery(this).find('<li>').echoBefore('<div class="class">stuff</div>') 
    }); 

这将是我的理想解决棘手的问题我有：P

Answer 1

创建一个新元素的jQuery的方法，在每个LI外，你可以使用下面的代码创建的DIV：

jQuery(this).find('li').before('<div class="class">stuff</div>'); 

然而，如果都是一样的，我会建议使用此代码对LIS内创建这些div：

jQuery(this).find('li').prepend('<div class="class">stuff</div>'); 

Answer 2

您将要使用的方法append

像这样

jQuery('#target').hover(function() { 
    jQuery(this).find('li').append('<div class="class">stuff</div>') 
}); 

如果您想追加之后访问这个div，你可以使用这样

jQuery('#target').hover(function() { 
    var div = jQuery('<div></div>'); 
    div.addClass('class').html('stuff'); 
    jQuery(this).find('li').append(div); 
    div.html('this is updated html after appendage'); 
}); 

Answer 3

这会工作：

$('#target').hover(function(){ 
    $(this).find('li').append('<div>stuff</div>'); 
}); 

但是，当您多次悬停时，div会多次创建。