按第一个字母过滤列表项

Question

我有一个带列表项的ul.我试图过滤掉他们的第一个字母显示的项目.

过滤列表:

<ul class="myFilters">
<li data-type="A">A</li>
<li data-type="B">B</li>
<li>etc...</li>
</ul>

列表

<ul class="myFilterItems">
<li>Apple</li>
<li>Banana</li>
<li>etc...</li>
</ul>

理想情况下,单击liin .myFilters将仅显示.myFilterItems该字母开头的项目.

Answer 1

你可以尝试一下这个问题

        $('.myFilters li').click(function(){
           var v = $(this).text()[0]
           $('.myFilterItems li').hide().filter(function(){
              return $(this).text().toUpperCase()[0] == v;
           }).show()
        })