Javascript CSS按字母顺序排序。我在哪里可以得到消息?

Javascript CSS按字母顺序排序。我在哪里可以得到消息?,javascript,css,sorting,Javascript,Css,Sorting,我想用CSS按字母顺序排列我的列表 例如,假设我有以下未排序的列表 e b h c g A d f 我希望这些列表项在我的视图中按字母顺序排序。 如何实现这一点?Css不允许您执行任何类型的逻辑或计算 您需要使用JavaScript来实现列表项的排序 使用JavaScript创建排序列表 下面的代码显示了一个初始化未排序元素列表的示例,然后为已排序列表创建DOM并按ID将其附加到父元素 var listElements = [ 'e', 'b', 'h', 'c', 'g', 'A', '

我想用CSS按字母顺序排列我的列表

例如,假设我有以下未排序的列表

  • e
  • b
  • h
  • c
  • g
  • A
  • d
  • f
我希望这些列表项在我的视图中按字母顺序排序。
如何实现这一点?

Css不允许您执行任何类型的逻辑或计算

您需要使用JavaScript来实现列表项的排序

使用JavaScript创建排序列表 下面的代码显示了一个初始化未排序元素列表的示例,然后为已排序列表创建DOM并按ID将其附加到父元素

var listElements = [ 'e', 'b', 'h', 'c', 'g', 'A', 'd', 'f' ];

function makeSortedList(array) {
    // Create the list element:
    var list = document.createElement('ul');

    // Sort list items
    array.sort();

    for(var i = 0; i < array.length; i++) {
        // Create the list item
        var item = document.createElement('li');

        // Set list item contents
        item.appendChild(document.createTextNode(array[i]));

        list.appendChild(item);
    }

    return list;
}

// Add sorted list to parent (by id)
document.getElementById('foo').appendChild(makeSortedList(listElements));
var列表元素=['e','b','h','c','g','A','d','f'];
函数makeSortedList(数组){
//创建列表元素:
var list=document.createElement('ul');
//对列表项进行排序
array.sort();
对于(var i=0;i
哦,我明白了,我从你的话中得到了jQuery是的,但回答错了。我发现了,我给你看链接。但我不明白Dreamweaver cc 2018不起作用。看看这个问题: