appendTo并删除不在IE8中工作
下面的html和jquery代码片段适用于:OSX和XP中的Firefox,Safari和Chrome(所有浏览器都是最新的产品更新。
我在safari,firefox和IE8中使用java调试器
但在IE8中,CCC的内容不会移动! 我没有IE6或IE7测试。
<html>
<head> </head>
<body>
<div class="AAA">
<div class="BBB"> </div>
</div>
<div class="CCC">
<div id="0"> <img src="image/..." /> </div>
<div id="1"> <img src="image/..." /> </div>
</div>
</html>
jquery代码是在一个单独的文件中:
jQuery(window).load(function() {
// move div's contained within class="CCC" to class="BBB"
$('.CCC div).each(function() {
$(this).appendTo('.AAA .BBB');
});
完成此功能后,类“CCC”将没有内容。
我也试过删除。 我在IE8中得到了相同的结果(不工作)。
执行“var temp”行后,应该删除循环中的每个div。 我正在调试器“html视图”来验证这一点。
$(.CCC div).each(function() {
var temp = ('.CCC div:eq(0)').remove();
temp.appendTo('BBB');
});
我认为你错过了$
var temp = $('.CCC div:eq(0)').remove();
当文档准备就绪而不是窗口加载时,您将需要执行此操作。 另外,如果您使用的是Firefox而没有Firebug,并且可能(尽管我不确定)IE,那么console.log中的任何地方都会“杀死”JS。
$(document).ready(function() { // move div's contained within class="CCC" to class="BBB" $('.CCC div').each(function() { $(this).appendTo('.BBB'); //.AAA is not necessary if you want to append to all instances of .BBB });链接地址: http://www.djcxy.com/p/23029.html