关闭div标签和使用打开一个新的div标签JQUERY

我有多个div标签一个HTML文件，我希望他们分手自动使用JQuery关闭div标签和使用打开一个新的div标签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（）等。感谢您的帮助。

来源

2016-09-21 Vishwanath jawalkar

会发生什么，如果那里有一个't4'，'t5'等？ – BenG

这个工作应该只是为了这个具体的例子还是有一些背后的通用逻辑？ – empiric

对我来说，它看起来像是将一个孩子从现有的父母移动到新的父母，然后将新的孩子添加到现有的孩子中，对吧？考虑到这一点，你可能会发现/看怎么办 – LGSon

要做到这一点，你需要创建一个新的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>

来源

2016-09-21 19:46:35

感谢您的帮助兄弟.. –

没问题，很高兴帮助 –

关闭div标签和使用打开一个新的div标签JQUERY

回答

相关问题