關閉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

回答

相關問題