Javascript 隐藏后如何重置/显示所有元素

请看一下这个（）。我想使用选择框中的数据属性来获取类名并隐藏一些无序的列表项。但我正在努力找出如何使用

show（）

重置列表并在隐藏后显示所有项目。有人能告诉我如何将第一个选项作为重置选项吗

JS代码：

$(document).ready(function(){
    $(".showhidelist").change(function() {
        var  selected = $(this).find('option:selected');
        selected = selected.data('hide');
        $("."+selected).hide();   
    });
});

HTML

重置/全部显示
藏匿年
藏月

2004年
二月

隐藏值后，不会将选项重置为初始状态。使用$（'li'）.show（）；重置li以显示，然后根据选择执行操作

$(document).ready(function(){
    $(".showhidelist").change(function() {
        var  selected = $(this).find('option:selected');
        $('li').show();
        selected = selected.data('hide');
        $("."+selected).hide();   
    });
});

---

隐藏值后，不会将选项重置为初始状态。使用$（'li'）.show（）；重置li以显示，然后根据选择执行操作

$(document).ready(function(){
    $(".showhidelist").change(function() {
        var  selected = $(this).find('option:selected');
        $('li').show();
        selected = selected.data('hide');
        $("."+selected).hide();   
    });
});

---

隐藏值后，不会将选项重置为初始状态。使用$（'li'）.show（）；重置li以显示，然后根据选择执行操作

$(document).ready(function(){
    $(".showhidelist").change(function() {
        var  selected = $(this).find('option:selected');
        $('li').show();
        selected = selected.data('hide');
        $("."+selected).hide();   
    });
});

---

隐藏值后，不会将选项重置为初始状态。使用$（'li'）.show（）；重置li以显示，然后根据选择执行操作

$(document).ready(function(){
    $(".showhidelist").change(function() {
        var  selected = $(this).find('option:selected');
        $('li').show();
        selected = selected.data('hide');
        $("."+selected).hide();   
    });
});

这样地。。这样地。。这样地。。这样地。。