Question

我正在搜索音频播放器。出现问题：屏幕上没有任何内容呈现，但控制台中没有错误。

＆＃13;

var songs = [{
    url: 'http://tegos.kz/new/mp3_full/Redfoo_-_New_Thang.mp3',
    artist: {
      name: 'Redfoo',
      song: 'New Thang'
    }
  },
  {
    url: 'http://a.tumblr.com/tumblr_lpoc6cHNDP1r0jthjo1.mp3',
    artist: {
      name: 'Hugo',
      song: '99 Problems'
    }
  }
];

search = () => {
  var names, song, allForSeach;
  var input = this.textInput.value;
  songs.forEach(function(item) {
    names = item.artist.name;
    song = item.artist.song;
    allForSearch = names.concat(song);
  });

  function init() {
    let template = `<td><a href=#>%name</a></td>`,
      search = document.querySelector('.search'),
      tr = document.querySelector('.mess-hide'),
      render = a => tr.innerHTML = a.map(e => template.replace('%name', e)).join(`\n`);

    search.addEventListener('.search', function(e) {
      let value = input.toLowerCase();

      render(allForSearch.filter(e => e.toLowerCase().startsWith(value)));
    });
    render(allForSearch);
  }
}

＆＃13;

.table {
  width: 100%;
  margin-top: 50px;
  height: 150px;
  background: #EAEDEF;
  border: 1px solid black;
  border-radius: 5px;
}

＆＃13;

<input type="text" id="search" />
<button className={searchClass} onClick={this.search} title="Search">click</button>

<table className="table">
  <tr className="mess-hide">

  </tr>
</table>

＆＃13;

我将解释一下：songs一系列对象。使用forEach，我复制另一个数组中的所有名称和名称，以便组织搜索。但由于某种原因，浏览器中没有任何内容。为什么会这样呢？

按字母的第一个字母搜索

0 个答案: