jquery - 使用 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')