不可能将div分解为两个div？

Question

尝试通过插入结束标记和开始标记将div拆分为某个点的两个div，但javascript似乎为此调整并切换标记的顺序......还有其他方法吗？

https://jsfiddle.net/dn55u8rx/5/

$(".inner").before('ENDPAGE</div><div class="page">');

Answer 1

这对你来说是一个很好的解决方案吗？

＆＃13;

＆＃13;

$(".inner").html('<div class="page" style="border:1px solid yellow">1</div><div class="page" style="border:1px solid yellow">2</div>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="outer" style="border:1px solid red">
<div class="page"  style="border:1px solid blue">
TEST
<div class="inner"  style="border:1px solid green">
TEST2
</div>
TEST3
</div>
</div>

＆＃13;

＆＃13;

＆＃13;