Discuss / JavaScript / 对li节点进行排序
Back

对li节点进行排序

Topic source

JourneyCZ

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

// sort list: var i; var list = document.getElementById('test-list'); var li = list.children; var liText = ""; var TextToliArr = []; var textArr = [];

for (i = 0; i < li.length; i++) { liText = li.innerText; TextToliArr[liText] = li[i]; textArr[i] = liText; }

textArr.sort(); // text数组进行排序

for (i = 0; i < textArr.length; i++) { list.appendChild(TextToliArr[textArr[i]]); }

JourneyCZ

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

// 上面粗心出错了

var i; var list = document.getElementById('test-list'); var li = list.children; var liText = ""; var TextToliArr = []; var textArr = [];

for (i = 0; i < li.length; i++) { liText = li[i].innerText; TextToliArr[liText] = li[i]; textArr[i] = liText; }

textArr.sort();

for (i = 0; i < textArr.length; i++) { list.appendChild(TextToliArr[textArr[i]]); }

  • 1

Reply