私はjQueryが初めてで、問題があります。
まず、私の問題を説明します。
OXID eコマースを使用したオンラインショップのサイトをコーディングしています。記事リストでは、いくつかのフィルターをインストールしたいと考えています。そのうちの 1 つが価格フィルターです。DB で最高価格と最低価格を読み取り、それを Cookie に保存して、ユーザーがこのフィルターが機能する間隔を選択できるようにします。というわけで、最初は記事一覧が全部読み込まれています。このリストは次のようになります。
すべての単一製品を含む div コンテナ:
その中には、次の各製品があります。
そして、製品内には、価格を含む別の div があります。
各製品には異なる ID があります。
<div id="productList">
...
<div id="test_cntr_1_0015-0001-2250-0186 " class="product">
...
<div class="form_wrapper">
...
<form>
...
<div class="price">1,99 €</div>
...
</form>
...
</div>
...
</div>
...
</div>
細かいことは言わずに商品を購入できるので、中にフォームがあります。
つまり、ポイント:
ドキュメントの準備ができたら、ユーザーは「価格の境界」を設定できます。jQuery は、価格が境界内にないすべての製品を非表示にする必要があります。境界の値は Cookie を介して読み取られます。
私が今まで持っているものは次のとおりです。
$("#productList div.product div.price").each(function (index) {
// What I should write here ?
}
実際に必要な div を 1 つずつ選択しているのはどれですか?しかし、どうすれば価格を比較できますか? つまり、内側の div 価格にアクセスし、それが境界内にあるかどうかを確認し、そうでない場合は値を hidden に変更しますか?
スクリプトに既に値があるとします。
本当にありがとう !