用jQuery交换2个div的位置和Z-Index

Question

我目前正在尝试将两个div的放置与z-index交换。 到目前为止，这就是我所拥有的：

$(document).ready(function()
{
        $('.herotrend').click(function()
        {
                $(this).animate({
                        top: $('.herotrend:eq(1)').css('top'),
                        left: $('.herotrend:eq(1)').css('left'),
                        z: $('.herotrend:eq(1)').css('zIndex')
                }, 100);

                $('#music').animate({
                        top: $('.herotrend:eq(0)').css('top'),
                        left: $('.herotrend:eq(0)').css('left'),
                        z: $('.herotrend:eq(0)').css('zIndex')
                }, 100);
        });
});

这已经成功地交换了元素的位置，但我仍然无法让z-index交换。

谢谢你的帮助！

Answer 1

zIndex: $('.herotrend:eq(1)').css('zIndex')

不

z: $('.herotrend:eq(1)').css('zIndex')