Jquery加载更多/更少的动作脚本

Question

我使用下面的代码隐藏了具有空数据价格ID的文章，并且加载了更多/更少的功能。

 $(document).ready(function () {
     $('#hotel-list article:gt(4)').hide();
     $('#loadMore').click(function () {
         $('article').filter(function () {
             return $(this).data('price') != '' && $(this).css("display") == "none"
         }).show();
     });
     $('#showLess').click(function () {
         $('#hotel-list article').not(':lt(4)').hide();
     });
 });

但我意识到大多数文章的数据价格都等于0，那我怎么能隐藏这些文章？

Answer 1

您可以使用属性选择器：

$("#hotel-list article[data-price=0]").hide();