怎么样使用js对内容进行筛选？

Question

1.这是一块新闻区域，一共有两种类型的新闻。

2.需要实现的功能：点击条件，显示对应新闻。

3.页面结构

            `<div class="art-left-nav">

                <a id="all"  href="javascript:void(0)">全部</a>

                <a id="ssgt" href="javascript:void(0)">设施贯通</a>

                <span class="art-nav-border"></span>

                <a id="zcdj" href="javascript:void(0)">政策对接</a>

            </div>

            

            <div class="art-left-list">

                <ul>

                    <li></li>

                    <li></li>

                    <li></li>

                    <li></li>

                    <li></li>

                    <li></li>

                    .....

                </ul>

            </div>

            

            `

4.下面是截图，点击“设施贯通”就只显示相关新闻，点击全部就显示所有新闻

Answer 1

在li标签上面加上对应的标示，点击的时候将不属于点击相关的li标签隐藏起来，只留相关的li标签。个人小菜鸟