javascript - 如何使用jQuery交换网页中的两个图像(连续两次单击)？

我想在许多图像之间交换位置。如果我单击一个图像，然后单击另一个图像，则各个图像应相互交换，其余图像应保持不变。我是一个初学者，因此任何帮助或指导都会有所帮助。

最佳答案

这是交换实际元素而不是img的src的另一种方法，也避免了使用外部变量进行交换。

$('img.swap').on('click', function() {
    var t = $(this);
    if (t.hasClass('clicked')) {
        t.removeClass('clicked');
        return;
    }

    var clicked = $('img.swap.clicked')
    if (clicked.length === 0) {
        t.addClass('clicked');
        return;
    }
    var placeHolder = $('<div id="placeholder"></div>');
    clicked.before(placeHolder);
    t.after(clicked);
    placeHolder.before(t).remove();
    clicked.removeClass('clicked');
});​

示例-http://jsfiddle.net/BxST9/3/（使用div代替img，但不应有所作为）

关于javascript - 如何使用jQuery交换网页中的两个图像(连续两次单击)？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11862157/