一种简单的JavaScript/jQuery方法，可以在单击时交换两个图像链接的位置？

我已经使用

translate.js

设置了我的网页的客户端翻译。如果一个用户点击法语，我希望它移动到英语的位置，而英语移动到法语的位置。我尝试了以下方法：

$（'.img btn'）。单击（函数（）{
var clickedId=$（this.attr（'src'）；
警报（'您单击了按钮#'+单击了EDID）；
$（'.img btn.active'）.attr（'src'，clickedId）；
});
将您的函数放在ready document中，或者像这样使用冒泡概念，以确保在页面创建后应用代码：

$('body').on('click','.img-btn',function(){
    var clickedId = $(this).attr('src');
    alert('you clicked on button #' + clickedId);
    $('.img-btn.active').attr('src', clickedId);
});

我猜你想要这样的东西


$（'.img btn'）。单击（函数（）{
var clickedSrc=$（this.attr（'src'）；
var activeSrc=$（'.img btn.active'）.attr（'src'）；
警报（“您单击了按钮#”+单击了SRC）；
$（'.img btn.active'）.attr（'src'，clickedSrc）；
$（this.attr（'src'，activeSrc）；
});

下午好

我想你想要这样的东西：

    $('.lang_selector').click(function(){
      var clickedId = $(this).children(':first').attr('src');
      alert('you clicked on button #' + clickedId);

      var lastChild = $('div#language-select > i:last-child');
      var lastLink = $('div#language-select > a:last-of-type');

      //Insert current clicked element to last position
      lastChild.before($(this));

      //Insert the element that was last before the first element
      $('div#language-select > a:first-of-type').before(lastLink);

    });

你什么时候叫那个密码？您可能在创建元素之前调用它ejQuery
.detach（）
和
.append（）
。请添加标志图像的绝对路径您只想更改src或complete链接吗？虽然我认为这是可行的，但无论出于什么原因，它都没有。下面的答案对我来说很有用。不管怎样，谢谢你的帮助。这对我很有效——大部分是这样。我不得不对HTML稍作修改，将那些
放在一个单独的div中，因为
最后一个孩子有点乱了顺序。还有一个问题，在和他们玩了一段时间后，他们只是去下一个可用的位置，而不是最后一个，但我现在很好！