首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery将HTML标记附加到类

使用jQuery将HTML标记附加到类
EN

Stack Overflow用户
提问于 2011-01-09 22:25:51
回答 4查看 1.3K关注 0票数 1

我想添加一个<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>

EN

回答 4

Stack Overflow用户

发布于 2011-01-09 22:30:18

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

代码语言:javascript
运行
复制
$('.box li').wrapAll('<ul></ul>');

应该行得通。

如果在附加ul之后添加li

代码语言:javascript
运行
复制
$('<li />').text('whatever').appendTo('.box ul');

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

API参考:

  • wrapAll()
  • appendTo(),解释了为什么append会在li后面插入ul,这似乎让你感到惊讶。
票数 2
EN

Stack Overflow用户

发布于 2011-01-09 22:29:43

appendTo将简单地将元素添加到容器的底部,如您发布的代码中所示。你想要的东西看起来更像

代码语言:javascript
运行
复制
$('.box li').wrap('<ul/>');
票数 0
EN

Stack Overflow用户

发布于 2011-01-09 22:29:48

使用wrapAll

代码语言:javascript
运行
复制
$('.box>li').wrapAll('<ul/>');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4639658

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档