首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery,如何在不复制的情况下将一个元素添加到另一个元素之前?

使用jQuery,如何在不复制的情况下将一个元素添加到另一个元素之前?
EN

Stack Overflow用户
提问于 2016-07-03 01:18:52
回答 0查看 373关注 0票数 1

在这种情况下,我需要向存储在变量中的jQuery对象添加兄弟元素。我需要添加的元素是该jQuery对象的前一个同级元素。

简化后的版本看起来像这样的https://jsfiddle.net/sjncgaLf/4/

代码语言:javascript
复制
$(document).ready(function() {

  var test = $('<div class = "test">test</div>');
  var el = $('<div class = "el">el</div>');

  //I want to add el before test (without making a copy)
  //and then append the selector (el + test) to the DOM

  el.before(test);
  $("body").append(test);
});

显然,基于jsfiddle,这段代码并没有达到预期的效果。我的目标是实现这样的结果

代码语言:javascript
复制
<div class = "el">el</div>
<div class = "test">test</div>

而不复制原始元素。我已经彻底阅读了.before、.insertBefore和.add文档,看起来它们都不能产生我在这里想要的结果。

提前谢谢。

编辑:

我想需要说得更清楚一些。我一次做一个月的日历。我需要从一个像$markup这样的变量开始,然后添加几周,直到我添加了一个月中的每一天。我还需要在月份中添加一个标签,比如“2016年7月”。因此,在将任何星期附加到$markup变量或将任何内容附加到DOM之前,我希望$markup如下所示

代码语言:javascript
复制
<div class = "label">July 2016</div>
<div class = "CalendarWeek"></div>

然后,我将遍历该月的每一天,并根据需要添加任意数量的CalendarWeek和CalendarDay。

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38162675

复制
相关文章

相似问题

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