Discuss
/
JavaScript
/
两种方法.
两种方法.
Topic source方法1真是简单直接
var li = $('#test-div>ul>li');
li.remove(); //先删除
var ul = $('#test-div>ul');
var data = ['JavaScript','Lua','Pascal','Python','Ruby','Swift'];//定义数组
data2 = data.sort();//排序数组
for (let i of data2) ul.append($('<li><span>' + i + '</span></li>'));//append
- 1
～曉瘋～
方法一(偷懒): 把原来的全部删掉然后重新添加一便.
var li = $('#test-div>ul>li');
li.remove();
var ul = $('#test-div>ul');
var data = ['JavaScript','Lua','Pascal','Python','Ruby','Swift'];
for (let i of data) ul.append($('<li><span>' + i + '</span></li>'));
方法二 (正常): 把新元素的加进去.然后直接对元素进行排序.
var ul = $('#test-div>ul');
var data = ['Lua','Pascal','Ruby'];
for (let i of data) ul.append($('<li><span>' + i + '</span></li>'));
var ul = $('#test-div>ul');
sort = Array.from(ul.children()).sort((a, b) => a.innerText > b.innerText ? 1:-1);
for (let e of sort) ul.append(e);