在多行文本下更改Hyhperlink的顺序(增强的富文本)

时间:2016-05-04 09:42:06

标签: javascript jquery sharepoint hyperlink sharepoint-2013

我的列语言是多行文本 - SharePoint中增强的富文本(包含图片,表格和超链接的富文本)。

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

要求是当页面加载时,我必须阅读Url并相应地在语言列中订购超链接。

例如:
- 假设URL包含EN,则超链接应为:EN DE
- 假设URL包含DE,则超链接应为:DE EN

是否有可能在浏览器级别使用Javascript或类似技术实现这一目标?

感谢。

enter image description here

1 个答案:

答案 0 :(得分:1)

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

如果将DOM元素放在变量中,这可能是逻辑。

(使用JQuery)

<强> ...

以下是您的完整解决方案:

运行代码段并查看其是否有效。

&#13;
&#13;
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;
  
  });
 
&#13;
<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>
&#13;
&#13;
&#13;