スイッチNAV上の2つの<a>のタグ要素は

Question

今私は、彼らはまだそこにイベントリスナーを維持し、フロントエンドでの順序を変更するようにメニューのタグの順序を入れ替えるしようとしているに取り組んでいます。例えば、任意の位置に、

<a id = "A" href = ""></a> 
<a id = "B" href = ""></a> 
<a id = "C" href = ""></a> 
<a id = "D" href = ""></a> 

スワップA、B、C、Dと同時に同じ順序を表すために、フロントエンドでそれらを切り替えます。 アイブは一貫そのように追記（）（）次に、しかしなし作業のような多くの異なる機能を試してみました。

Answer 1

これは最初の位置にあなたのクリックされた要素を移動します。あなたが100％問題を理解していないので、それがあなたが小さな例で探しているものなのかどうか分かりません。私があなたを正しく理解していれば、あなたの要素の順序を変える方法を探しています。これは、要素を初期位置に移動する簡単な例です。

$(document).ready(function() { 
 
    $('#uniqueWrapper').on('click', 'a', function() { 
 
    console.log($(this).text()); 
 
     $(this).prependTo("#uniqueWrapper"); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 

 
<div id="uniqueWrapper"> 
 
    <a id = "A" href = "#">A </a> 
 
    <a id = "B" href = "#">B </a> 
 
    <a id = "C" href = "#">C </a> 
 
    <a id = "D" href = "#">D </a> 
 
<div>