javascript - 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> 的 child 或 <ol> .

---

编辑:

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

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

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