私のページがロードされた後に自動的にフィルタオプションを選択する

Question

私は、ユーザがクリックしたときにある範囲の画像をフィルタリングするオプションリストを持っています。

私のページはすべての写真を読み込みます（一緒に見せることがたくさんあります）。ページが読み込まれた後にこのギャラリーだけを表示するために、「ベストピクチャ」リンクの「シミュレーション」リンクを「シミュレート」したいと思います。

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

Answer 1

「ベストピクチャ」には、ベストセレクタを選択する必要があります。 ==>data-option-valueで選択するのが適切です。ロードページ中

フィルタリング：あなたの写真がある

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