Следующий фрагмент html и jquery работает в: Firefox, Safari и Chrome, как в OSX, так и в XP (все последние производственные обновления браузеров.
Я использую отладчик Java в Safari, Firefox и IE8
Но в 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 view", чтобы убедиться в этом.
$(.CCC div).each(function() {
var temp = ('.CCC div:eq(0)').remove();
temp.appendTo('BBB');
});