我有以下 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。
有什么线索吗?
最佳答案
看起来您正在尝试移动最后一个 li
到第一个位置,这意味着您需要将其添加到 ul
前面元素不在第一个 li
$("#list1 li:last").prependTo("#list1");
演示:Fiddle
这与使用 insertBefore('#list1 li:first')
在第一个元素之前插入它相同
为什么不同浏览器的显示不同?因为您通过附加 li
创建了无效的 html 标记。到另一个li
, li
应添加到 ul
或ol
元素
关于javascript - Internet Explorer prependTo 以不同方式显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21273007/