0

これが私の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>
4

1 に答える 1

0

デモ： 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();

});
于 2012-09-26T15:22:56.350 に答える