javascript - 点击交换两个元素

Question

我想选择两个元素，当我单击按钮元素时我希望它们交换位置，我该怎么做？我搜索并寻找了类似的答案，但大多数答案只是上下交换元素。

我在想:

$('button').click(function(){
   $('#item 1 .selected-item').removeClass('.selected-item').appendTo('#item2');
   $('#item 2 .selected-item').removeClass('selected-item').appendTo('#item1');
});

但我不知道如何开始，它应该看起来像这样:

http://jsfiddle.net/tLNAh/1/ (我的 fiddle )

Answer 1

试试这个。 http://jsfiddle.net/tLNAh/3/

$("button").on("click", function() {
    $first = $(".selected:eq(0)");
    $second = $(".selected:eq(1)");
    var tempText = $first.text();
    $first.text($second.text());
    $second.text(tempText);
    $("#instructionText").text("Instructions: choose an item");
});