JQuery怎么进行DOM节点排序？

Question

<!-- HTML结构 -->
<div id="test-div">
<ul>
<li><span>JavaScript</span></li>
<li><span>Python</span></li>
<li><span>Swift</span></li>
</ul>
</div>
//除了列出的3种语言外，请再添加Pascal、Lua和Ruby，然后按字母顺序排序节点：

我之前想了一下是先把要求添加的三个节点插入，之后再获取li的全部节点，然后通过silce.call()把JQuery转换成数组，通过数组的sort()进行文本排序，不过在写的时候发现，获得的节点，每一个节点的内容其实是 <li><span>JavaScript</span></li>这样的结构。
求解一下解题思路。