javascript - div不能replcewith jquery函数在firefox上工作

Question

这是我的 JavaScript，我div用li开始和结束标记替换标记，但是当我在源代码中显示页面时，它显示给我<li></li>。

为什么会这样？我想要它，因为它在我的replaceWith内容中给出

JavaScript 部分-

<script type="text/javascript">
    $(document).ready(function() {
        $(".separator").replaceWith("</li><li>");  
    });
</script>

HTML部分-

<li>
    <img src="http://2012.sifasusa.com/images/kolorado-specs03.jpg" width="50%" height="500px" class="imgL zuper"/>
    <div class="caption captionH1" style="text-align: left;color: white;padding:10px;" dataeffects="fade top" dataoffset="30" datadelay="200" dataspeed="normal">
        Weather resistant
    </div>
    <div class="separator">
    </div>
    <img src="http://2012.sifasusa.com/images/kolorado-specs04.jpg" width="50%" height="500px" class="imgL zuper"/>
    <div class="caption captionH2" style="text-align: right;color: black;" dataeffects="fade right" dataoffset="30" datadelay="400" dataspeed="normal">
        White satin-finish methacrylate slats
    </div>
</li>

Answer 1

演示：http: //jsfiddle.net/KLkJ3/2/

---

您可能需要执行以下操作：

$('.seperator').each(function() {

    // create a new LI
    // move everything after .seperator to the new LI
    // insert new LI after the current LI
    $('<li/>').append($(this).nextAll()).insertAfter($(this).parent());

    // remove the sperator
    $(this).remove();

});