Javascript 使用悬停的jquery创建一个div？

所以我有一个相当愚蠢的问题。是否可以在悬停时创建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您将需要使用append方法

像这样

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

如果您想在附加该div之后访问它，可以使用jquery的方法创建如下新元素

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

---

您将希望使用append方法

像这样

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

如果您想在附加该div之后访问它，可以使用jquery的方法创建如下新元素

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

---

要在每个LI的外部创建div，可以使用以下代码：

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

但是，如果都一样，我建议使用以下代码在LIs内部创建这些div：

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

---

要在每个LI的外部创建div，可以使用以下代码：

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

但是，如果都一样，我建议使用以下代码在LIs内部创建这些div：

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

这将有助于：

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

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

这将起作用：

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

---

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

我们的前置就是我所需要的。谢谢大家！我们的预赛是我需要的。谢谢大家！