如何使用Javascript对Django数据库进行排序并将其显示在网站上

Question

问题：当有人点击排序时，我需要在我的网站上订购一系列问题：难题＆＃39;按钮。

如何通过最简单的（从0开始）到最难的方式将问题排序？

我有一个带模型的数据库

class Problemspage(models.Model):
    problemname = models.CharField(max_length=1000)
    difficultyproblem = models.CharField(max_length=50)

用问题的名称，以及问题的难度。

我设法按字母顺序排序我的问题但我的javascript对显示的li标签进行排序。

我不知道如何对问题难度进行排序，但只显示相对于难度数量顺序的问题名称。

        function sortListDir() {
            var list, i, switching, b, shouldSwitch, dir, switchcount = 0;
            list = document.getElementById("id01");
            switching = true;
            dir = "asc";
            while (switching) {
                switching = false;
                b = list.getElementsByTagName("LI");
                for (i = 0; i < (b.length - 1); i++) {
                    shouldSwitch = false;

                    if (dir == "asc") {
                        if (b[i].innerHTML.toLowerCase() > b[i + 1].innerHTML.toLowerCase()) {
                            shouldSwitch= true;
                            break;
                        }
                    } else if (dir == "desc") {
                        if (b[i].innerHTML.toLowerCase() < b[i + 1].innerHTML.toLowerCase()) {
                            shouldSwitch= true;
                            break;
                        }
                    }
                }
                if (shouldSwitch) {
                    b[i].parentNode.insertBefore(b[i + 1], b[i]);
                    switching = true;
                    switchcount ++;
                } else {
                    if (switchcount == 0 && dir == "asc") {
                        dir = "desc";
                        switching = true;
                    }
                }
            }
        }