我的内容中有一些span，我想获取每个span的内容并将其显示在列表中。
以下是我内容：

<div id="container">
    Post emensos insuperabilis expeditionis eventus <span class="footnote">footnote 1</span> 
asperitate nimia cuncta foedabat. propinquitate <span class="footnote">footnote 2</span> enim
    
    Excogitatum est super his<span class="footnote">footnote 3</span> adsistendo pervadendoque divites domus egentium habitu quicquid noscere poterant vel audire latenter intromissi per posticas in regiam nuntiabant, id observantes conspiratione concordi, ut fingerent quaedam et cognita duplicarent in peius, laudes vero supprimerent Caesaris, quas invitis conpluribus formido malorum inpendentium exprimebat.
    </div>

这就是我想要得到的

<ul id="footnotes">
<li>footnote 1</li>
<li>footnote 2</li>
<li>footnote 3</li>
</ul>

我遇到了这个代码，我改变了一点，但它不工作..

let container =
    $("#article-content");
let spans =
    container.find(".footnote");

let outputP = $("#footnotes");

for (let span of spans) {

    let listElem =
        document.createElement("li");
    listElem.textContent =
        span.html;
        
    outputP.appendChild(listElem);
}

有人能帮我一下吗？谢谢