Jquery 对逗号分隔的元素进行排序

我使用它对元素中的文本进行排序：

$('div span')
    .sort(function(a, b){
        return ($(b).text()) < ($(a).text()) ? 1 : -1; 
    })
    .appendTo('div');

$（“div span”）
.排序（功能（a、b）{
返回（$（b）.text（））<（$（a）.text（））？1:-1；
})
.附录（“div”）；

它适用于以下情况：

<div>
    <span>B</span>
    <span>C</span>
    <span>A</span>
</div>

B
C
A.

但是我需要用逗号将它们分开（它们在排序之前已经在这里了）：

B、 C，A

我不明白应该在哪里使用

split

以逗号分隔它们。

---

不必从头做起就可以吗？JQuery方式。

您可以使用

after

方法：

$('div span').sort(function (a, b) {
    return ($(b).text()) < ($(a).text()) ? 1 : -1;
}).appendTo('div').not(':last').after(',');

这是筛选将

，

作为其

节点值的文本节点的一种方法：

$('div').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue) === ','
}).remove();

您可以使用
after
方法：

$('div span').sort(function (a, b) {
    return ($(b).text()) < ($(a).text()) ? 1 : -1;
}).appendTo('div').not(':last').after(',');

这是筛选将
，
作为其
节点值的文本节点的一种方法：

$('div').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue) === ','
}).remove();

您可以使用
after
方法：

$('div span').sort(function (a, b) {
    return ($(b).text()) < ($(a).text()) ? 1 : -1;
}).appendTo('div').not(':last').after(',');

这是筛选将
，
作为其
节点值的文本节点的一种方法：

$('div').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue) === ','
}).remove();

您可以使用
after
方法：

$('div span').sort(function (a, b) {
    return ($(b).text()) < ($(a).text()) ? 1 : -1;
}).appendTo('div').not(':last').after(',');

这是筛选将
，
作为其
节点值的文本节点的一种方法：

$('div').contents().filter(function() {
    return this.nodeType === 3 && $.trim(this.nodeValue) === ','
}).remove();

它起作用了！但是我忘了提到，逗号在排序之前就在这里，所以它们不会被
sort
删除。如何在
appendTo
之前清除
div
？它可以工作！但是我忘了提到，逗号在排序之前就在这里，所以它们不会被
sort
删除。如何在
appendTo
之前清除
div
？它可以工作！但是我忘了提到，逗号在排序之前就在这里，所以它们不会被
sort
删除。如何在
appendTo
之前清除
div
？它可以工作！但是我忘了提到，逗号在排序之前就在这里，所以它们不会被
sort
删除。如何在
appendTo
之前清除
div
？