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();

});

div没有replcewith jquery函数在firefox上工作

1 个答案: