交换元素导致错误的getposition

Question

我想用onclick事件交换两个文本的位置，同时向我显示点击位置的警报（感谢用户Kiran Reddy为您的代码）。我这样做，但是当我更改位置文本时，也会更改位置点击警报。我不知道发生了什么，有什么想法吗？ 例如：

  

文字1   文字2   文字3   文本4 //点击这里告诉我警报（3）这是它的位置，在交换位置之后这就是结果：

     

文字1   文字2   文字4   文本3 //点击这里告诉我警报（2）错了，它的位置是3

这是我的代码，在网上本地工作不起作用

https://jsfiddle.net/xkg9fts9/1/

.position{
position:absolute;
}

	
		  <span   class="position" onclick= changePosition(this);     > text 1 </span><br>	
<span   class="position" onclick= changePosition(this);     > text 2 </span><br>
<span   class="position" onclick= changePosition(this);     > text 3 </span><br>  
<span   class="position" onclick= changePosition(this);     > text 4 </span><br>
 

{{1}}