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

Question

问题：当有人单击“排序：难度”按钮时，我需要按难度在我的网站上订购一系列问题。

如何从最简单（从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;
                    }
                }
            }
        }