按第一个字母过滤列表项 [英] Filtering list items by the first letter

问题描述

我有一个包含列表项的ul。我想过滤掉他们第一个字母显示的项目。

I have a ul with list items. I am trying to filter out the items displayed by their first letter.

过滤清单：

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

理想情况下点击 li in .myFilters 将仅显示以该字母开头的 .myFilterItems 中的项目。

Ideally clicking on a li in .myFilters would show only the items in .myFilterItems that start with that letter.

推荐答案

你可以尝试一下这个行

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

这篇关于按第一个字母过滤列表项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！