关闭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()等。感谢您的帮助。
答
要做到这一点,你需要创建一个新的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>
+0
感谢您的帮助兄弟.. –
+0
没问题,很高兴帮助 –
会发生什么,如果那里有一个't4','t5'等? – BenG
这个工作应该只是为了这个具体的例子还是有一些背后的通用逻辑? – empiric
对我来说,它看起来像是将一个孩子从现有的父母移动到新的父母,然后将新的孩子添加到现有的孩子中,对吧?考虑到这一点,你可能会发现/看怎么办 – LGSon