关闭DIV标签并使用JQUERY打开新的DIV TAG

时间:2016-09-21 19:41:26

标签: jquery html css dynamic

我有一个带有多个div标签的HTML文件,我希望它们能够使用JQuery自动分解

wget http://phantomjs.org/api/

我应该以下面的格式获得输出

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

请帮助我们,尝试使用insertbefore,insertafter,parent(),append()等所有可能性。感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

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

&#13;
&#13;
var $m2 = $('<div class="m2"></div>').appendTo('body');
$('.m1 div:last').appendTo($m2);
$('.m1').append('<p>M1 Tag closed</p>');
&#13;
<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>
&#13;
&#13;
&#13;