javascript - Internet Explorer prependTo 以不同方式显示

Question

我有以下 HTML 代码:-

<ul id="list1">
    <li class="a">item 1</li>
    <li class="a">item 2</li>
    <li class="b">item 3</li>
    <li class="b">item 4</li>
</ul>

以及以下脚本:-

<script type="text/javascript">
    $("document").ready(function() {
            $("#list1 li:last").prependTo("#list1 li:first");

    });
</script>

预期的显示是:-

但是在 IE 上我看到:-

我使用的是 jQuery 1.10.2。

有什么线索吗？

Answer 1

看起来您正在尝试移动最后一个 li到第一个位置，这意味着您需要将其添加到 ul 前面元素不在第一个 li

$("#list1 li:last").prependTo("#list1");

演示:Fiddle

这与使用 insertBefore('#list1 li:first') 在第一个元素之前插入它相同

为什么不同浏览器的显示不同？因为您通过附加 li 创建了无效的 html 标记。到另一个li , li应添加到 ul或ol元素