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

上一篇: appendTo and remove not working in IE8

下一篇: 9) in HTML inputbox using jQuery?