複数行のテキストの下でのHyhperlinkの順序を変更する（リッチテキストの拡張）

Question

複数行のテキストである列の言語を使用しています - 強化されたリッチテキスト（画像、表、ハイパーリンク付きのリッチテキスト）。この列の

、2つの以上のハイパーリンク（下の画像を参照）

が存在することができる要件は、ときにページ負荷、Iは、URLを読み、それに応じて言語列にハイパーリンクを注文しなければならないことです。例えば

：
- URLはENが含まれている場合、ハイパーリンクがあるべき、とします - URLはDEが含まれている場合とし、ハイパーリンクがあるべきEN DE
：DE EN

うブラウザーレベルでJavascriptなどの技術を使用して実現することは可能でしょうか？

ありがとうございました。

Answer 1

if (selectedLang = ENlang) 
{ 
    $(DElang).insertAfter($(ENlang)); 
}else{ 
    $(ENlang).insertAfter($(DElang)); 
} 

あなたは変数で、あなたのDOM要素を入れた場合、これはロジックである可能性があります。

（jQueryのを使用）

...

そして、ここでは、あなたの完全なソリューションです：

コードスニペットを実行し、それが働いてご覧ください。

var ENlang = 'ENlang'; 
 
var DElang = 'DElang'; 
 
var selectedLang; 
 

 

 
    
 
    $('.lang').on('click', function(){ 
 
    
 
    selectedLang = $(this); 
 
    
 
    if(selectedLang.hasClass('ENlang')) 
 
     { 
 
     $('.DElang').insertAfter($('.ENlang')); 
 
     }else{ 
 
     $('.ENlang').insertAfter($('.DElang')); 
 
     } 
 
    
 
    selectedLang = null; 
 
    
 
    }); 
 

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

 
<div> 
 
    <a class="DElang lang" href="#"> DE </a> 
 
    <a class="ENlang lang" href="#"> EN </a> 
 
</div>