在我的页面加载后自动选择一个过滤器选项

Select automatically a filter option after my page is loaded

本文关键字：一个 选项 过滤器 选择 我的 加载      更新时间：2023-09-26

我有一个选项列表，当用户点击它时，它会过滤一系列图片。

我的页面加载所有图片(有很多要一起显示)，我想"模拟"点击"最佳图片"链接，在页面加载后只显示这个画廊。

<ul id="filters" class="option-set" data-option-key="filter">
   <li class="type-work">Category</li>
   <li><a href="#filter" data-option-value=".best">Best Pictures</a></li>
   <li><a href="#filter" data-option-value=".beach">Beaches</a></li>
   <li><a href="#filter" data-option-value=".snow">Ski stations</a></li>
   <li><a href="#filter" data-option-value=".park">Parks</a></li>
</ul>

您需要为"最佳影片"选择最佳选择器。==> select by data-option-value attribute是合适的。

加载页面时的过滤:

   $(function(){
      // hide all
     $('[data-option-value=".best"]').hide();
        // show the first 9 items : 
     $('[data-option-value=".best"]:lt(10)').show(); 
   });

试试这个命令:

document.getElementById("myFilter").click();

或:

document.querySelector("[data-option-value='u0022" + chosenFilter + "'u0022]").click();
相关文章：