在ie8上的html文档末尾添加div

Question

我用jQuery编写了带有背景图像的胺化菜单，它在所有浏览器上都能正常工作，包括ie8，hier是代码：

jQuery(document).ready(function () {

    $("#mainMenu ul li").css('background-image', 'url(images/nav/menuItem.png)');
    $("#mainMenu ul li:first-child").css('background-image', 'url(images/nav/menuFirst.png)');
    $("#mainMenu ul li:last-child").css('background-image', 'url(images/nav/menuLast.png)');

    $('#mainMenu ul li:first-child').append('<div class="first"></div>');
    $('#mainMenu ul li:last-child').append('<div class="last"></div>');
    //All Items other than the first and the last
    $('#mainMenu ul li:not(:first-child, :last-child)').append('<div class="item"></div>');


    $('nav#mainMenu ul li').hover(

        function() {

            $(this).children('div').stop(true,true).fadeIn('500');
            $(this).children( "a" ).stop(true,true).animate({color: hoverColour},200);  
        }, 


        function() {

            $(this).children('div').stop(true,true).fadeOut('500'); 
            $(this).children( "a" ).stop(true,true).animate({color: "white"},200);      

    });

});

问题是ie8在html文件的末尾添加了div，看一下截图！

Answer 1

问题可能是指最后一个和第一个子选择器。看看这个chart。您是否尝试过jQuery的.first()和.last()运算符？