Discuss / JavaScript / 两种方法.

两种方法.

Topic source

~曉瘋~

#1 Created at ... [Delete] [Delete and Lock User]

方法一(偷懒): 把原来的全部删掉然后重新添加一便.

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);

beauty

#2 Created at ... [Delete] [Delete and Lock User]

方法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

Reply