JQuery wrap()问题

Question

为什么下面的代码不用<li>标记包装图像?最好的方法是什么？

var i = new Image
i.src = '/images/image.jpeg'

$(i).wrap('<li />')
$('div').html(i)

产生：

<div><img src="/images/image.jpeg"></div>

取而代之的是：

<div><li><img src="/images/image.jpeg"></li></div>

Answer 1

你有什么理由不这么做吗？

$('div').html('<li><img src="/images/image.jpeg" /></li>');

请注意，无论采用哪种方法，您都是在将<li>元素附加到<div>，这在技术上是不正确的。

<li>应该是<ul>或<ol>的子级。

编辑：

具体到您遇到的问题，您的代码是正确的，但您只需要将包装好的<img>放在.html()调用中：

var i = new Image;
i.src = '/images/image.jpeg';

$('div').html( $(i).wrap('<li />') );

Answer 2

i是对图像的引用。wrap不会改变这一点。不能只在li上生成li，然后生成appendTo吗？

i = new Image;
$('<li/>').append(i).appendTo('div')

Answer 3

.html()会覆盖元素内部的所有内容。所以它删除了那里的<li>。