創建一個與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會多次創建。