列表搜索排序

见下方代码:

function renderList(templateInfos) {

  var html = str;

  for (var i = 0, l = templateInfos.length; i < l; i++) {

    if (templateInfos[i].status == 1) {

      var buttonName = templateInfos[i].name;

      html += ['<li>',buttonName,'</li>'

].join("")

    }

  }

  buttonwrapper.innerHTML = html;

}



function change(){

  let searchInputText = document.getElementById('searcher-text');

  let value = searchInputText.value;

  let newArr = result.filter((arr)=>{ return arr.name.indexOf(value) === -1 ? false : true})

  if(!value) renderList(result);

  renderList(newArr);

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,049评论 0 2
  • SwiftDay011.MySwiftimport UIKitprintln("Hello Swift!")var...
    smile丽语阅读 3,858评论 0 6
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,103评论 1 10
  • 宫崎骏的电影《起风了》很有名,某日我买书时看见了同名的小说,便买了堆放在家里,薄薄小小的。 去年某日,忽然拿起来看...
    三月小魔仙阅读 389评论 0 0
  • 二宝就是我们家的小老虎,出生第三天他都能吃60毫升奶粉。曾非常担心会不会撑到他。往后食量越来越大,到现在快两...
    初心sars阅读 266评论 0 1