如果超过2个图像，则替换为Jquery不工作

我这里有一个导航，里面是一个锚定标签和跨度，由文本组成。我想要实现的是使用jquery replaceWith替换nav中的所有span，但是，我似乎无法使其工作。这是我写的代码。知道我的错误是什么吗

<script>
$( document ).ready(function() {
    //store img in an array.
    var imgArray= [ "<img class=\"imgNav\" src=\"https://irp-cdn.multiscreensite.com/abc3fe9a/dms3rep/multi/services_icon_1-123x123.png\"/>",
    "<img  class=\"imgNav\" src=\"https://irp-cdn.multiscreensite.com/abc3fe9a/dms3rep/multi/services_icon_4-123x123.png\"/>","<img  class=\"imgNav\" src=\"https://irp-cdn.multiscreensite.com/abc3fe9a/dms3rep/multi/services_icon_66-123x123.png\"/>" ];



        $('.dmUDNavigationItem_010101661768 > span.navItemText').replaceWith(imgArray[0]);
        $('.dmUDNavigationItem_010101628177 > span.navItemText').replaceWith(imgArray[1]);
        /* if I put this third one in the script it doesn't work.
        $('.dmUDNavigationItem_010101420041 > span.navItemText').replaceWith(imgArray[2]);
        */



});
</script>

$（文档）.ready（函数（）{
//将img存储在数组中。
变量imgaray=[“”，
"","" ];
$（'.dmUDNavigationItem_010101661768>span.navItemText'）。替换为（imgArray[0]）；
$（'.dmUDNavigationItem_010101628177>span.navItemText'）。替换为（imgArray[1]）；
/*如果我把第三个放在脚本中，它就不起作用了。
$（'.dmUDNavigationItem_010101420041>span.navItemText'）。替换为（imgArray[2]）；
*/
});

这是我在jsbin中的HTML链接。

---

为什么？因为一旦你们在循环的第一次迭代中替换了那个些元素，它们就不再存在，在下一次迭代中被替换

---

如果没有提供应能正常工作的html示例，您尝试执行的操作的总体范围就不清楚。下面是一个使用JS的简化示例：。我猜你的类名在第三个类名中是不正确的，但我们无法判断，因为没有提供html。另外，它是否需要在一个循环中？现在，它将为每个选择器分别运行这些

replaceWith（）

调用三次。我在第一次试用中使用了forloop来控制台。记录img数组。请仅提供相关代码。如果您不再使用它，则不应将其包括在问题中。此外，您的代码在JS-Bin中的html仍能正常工作。一定是别的原因。