jquery - 使用 JQUERY 关闭一个 DIV 标签并打开一个新的 DIV 标签

Question

我有一个包含多个 div 标签的 HTML 文件，我希望它们使用 JQuery 自动拆分

<div class="m1">
   <div>t1</div>
   <div>t2</div>
   <div>t3</div>
</div>

我应该得到以下格式的输出

<div class="m1">
  <div>t1</div>
  <div>t2</div>
  <p>M1 Tag closed</p>
</div>

<div class="m2">
  <div>t3</div>
</div>

请帮帮我，试过所有的可能性，如 insertbefore、insertafter、parent()、append() 等。感谢你的帮助。

Answer 1

要实现这一点，您需要创建一个新的 div，.m2，然后将现有的最终子 div 添加到其中，同时添加一个新的 p 元素到 .m1。如果将其分解为这些步骤，它将看起来像这样:

var $m2 = $('<div class="m2"></div>').appendTo('body');
$('.m1 div:last').appendTo($m2);
$('.m1').append('<p>M1 Tag closed</p>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="m1">
   <div>t1</div>
   <div>t2</div>
   <div>t3</div>
</div>