Jquery脚本中带有图标类的Span元素是否自动替换为SVG？奇怪的行为

我在jquery模块中执行此操作：

$('#myId').find("li.myClass").each(function () {
                var rightNavButton = $("<span/>", {"class": "right fas fa-arrow-alt-circle-right"});
                myButton.prependTo($(this));
            });

$（'#myId'）.find（“li.myClass”）.each（函数（）{
var rightNavButton=$（“”，{“类”：“右箭头alt右圆圈”}）；
myButton.prependTo（$（this））；
});

我的html5输出使用SVG和out注释SPAN使我感到不适：

<svg class="svg-inline--fa fa-arrow-alt-circle-right fa-w-16 right" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-alt-circle-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zM140 300h116v70.9c0 10.7 13 16.1 20.5 8.5l114.3-114.9c4.7-4.7 4.7-12.2 0-16.9l-114.3-115c-7.6-7.6-20.5-2.2-20.5 8.5V212H140c-6.6 0-12 5.4-12 12v64c0 6.6 5.4 12 12 12z"></path></svg>
<!-- <span class="right fas fa-arrow-alt-circle-right"></span> -->

为什么会这样？我搜索了有关替换FontAwesome中函数的信息，但还没有找到任何内容。这种行为正常吗？我错过了什么

javascript包含在页面底部， 页面头中的css。 所有地区都是最新的，顺序正确。

在这里找到了答案：

您可以保护Span标记的替换，并让图标嵌入到标记中，因为您可以使用Span或其他标记上的事件

---

很高兴知道这个诀窍

记住，默认情况下，基于字体的

DOM元素将被新的

元素替换。我需要在一段时间内完成此操作。我怎样才能做到这一点？