Question

我的网页上有一些按钮，如下所示：

<button>Apple</button>
<button>Dog</button>
<button>Text</button>
<button>Boy</button>
<button class='whatNot'>Text</button>
<button class='smth whatNot'>Applepie</button>
<button class='whatNot'>Doge is barking</button>
<button class='smth'>Such a doge</button>
<button class='smth whatNot'>Wow!</button>
<button class='whatNot smth'>Pure delicious</button>
<button>Peach</button>
<button>Trip</button>

现在我想按字母顺序对这些按钮进行排序，而不会丢失标签和类。我想在js中制作它：在数组中添加所有按钮的名称，然后对其进行排序。但是我怎样才能恢复他们的课程呢？所以，基本上，我只想按标签内的单词排序，但不要在排序过程中丢失每个按钮的类。希望，我很清楚。

Answer 1

可能的解决方案：

1）Load all buttons into an array of objects，即：

[
    ...
    {
        sortValue: 'Text',
        html: '<button class='whatNot'>Text</button>'
    },
    {
        sortValue: 'Applepie',
        html: '<button class='smth whatNot'>Applepie</button>'
    },
    ...
]

2）Sort this object＆＃39; sortValue＆＃39;领域
3）从页面上删除按钮
4）附加已排序对象的按钮（＆＃39; html＆＃39;字段）

在html标签内对单词进行排序，忽略它们

1 个答案: