javascript - 将内容放入带有 class 的 div 中

Question

我有一个简单的问题，我有一个带有一些 id 的 div，里面有一些不同的内容，以一些跨度分隔符结尾，我希望它们放入一个带有类幻灯片的 div 中，无论如何，这是要制作的结构更清楚了:

<div id="adv">
 content 1 
 <span class="separator"></span>
 content 2
 <span class="separator"></span>
 etc...
</div>

但我希望它具有以下结构:

<div id="adv">
 <div class="slide">
  content 1 
  <span class="separator"></span>
 </div>
 <div class="slide">
  content 2 
  <span class="separator"></span>
 </div>
 etc...
</div>

顺便说一句，跨度中不需要带有类分隔符，只要内容对我来说就足够了，在带有类幻灯片的 div 中

谢谢大家的帮助!

Answer 1

$("#adv").html( 
        $.map(
            $("#adv").html().split('<span class="separator"></span>'),
            function(content) {
                return '<div class="slide">' + content + '<span class="separator"></span></div>';
            }
        ).join("")
    )