jquery - 使用 jQuery 将 HTML 标记附加到类

Question

我想添加一个 <ul></ul>标记一个类 <div class='box'></div>我以这种方式使用 appendTo()

$('<ul>').appendTo('.box');

但我得到:

<div class="box"><li>You did not enter your first name</li><ul></ul></div>

当然我应该得到:

<div class="box"><ul><li>You did not enter your first name</li></ul></div>

Answer 1

如果 li 已经在 div 中(这将是无效的 html):

$('.box li').wrapAll('<ul></ul>');

应该可以。

如果 li 是在 ul 之后添加的:

$('<li />').text('whatever').appendTo('.box ul');

您正在使用 append() 的事实表明 li 已经存在，这似乎有点奇怪。

API 引用:

• wrapAll() ,
• appendTo() ，解释了为什么 append 在 li 之后插入 ul ，这似乎让您感到惊讶。