使用jQuery替换数组中的标签？

Question

我是Javascript和JQuery的新手，我试图在第一次点击时替换所有标签，然后在第二次点击时替换，依此类推。

基本上只是在每次点击时循环使用它我有一个3d渲染的框或球体。我尝试使用此代码运行它，但它不起作用。

当我检查控制台时，只有线路被记录，所以它似乎没有正确地替换它们。我需要在我工作时保留每个标签。

var counter = 0;
var myArr = ["a-sphere", "a-box"];

$("#targeted").click(function() {
  if(counter == myArr.length) counter = 0;
  $(myArr[counter]).replaceWith(function() {
    var myString = "<" + myArr[counter] + ">" + $(this).html() + "</" + myArr[counter] + ">";
    console.log(myString + counter);
    return myString;
  });
  counter++;
});