javascript - 更改多行文本下的超链接顺序(增强型富文本)

Question

我的语言列是多行文本 - SharePoint 中的增强型富文本(带有图片、表格和超链接的富文本)。

在此列中，可以有 2 个或更多超链接(见下图)

要求是，当页面加载时，我必须读取 URL 并相应地对语言列中的超链接进行排序。

例如:
- 假设如果 URL 包含 EN，则超链接应为:EN DE
- 假设如果URL包含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>