タイトルのリライト: ページ上の特定の値を強調するテクニック
P粉588152636
2023-09-05 09:37:49
<p>たとえば、</p> のようなサイトでは、
<p>商品グリッド内で 20 ユーロを超える価格を赤色で強調表示するにはどうすればよいですか?また、ユーザーが右側のカテゴリを選択/選択解除した場合でも機能し続けるようにする必要があります。 </p>
<p>これは JavaScript ですか? </p>
<pre class="brush:php;toolbar:false;">$('div').each(function() {
$(this).find('.mErEH _223RA').sort(function(a, b) {
b.innerText - a.innerText を返します。
}).slice(0, 5).addClass('higherthan20')
});</pre>
<pre class="brush:php;toolbar:false;">.higherthan20 {
赤色;
}</pre></p>
参照Webサイト 価格をフィルタリングして、ユーザー定義の範囲内に収まる価格のみを表示し、価格範囲外の価格を削除します。リクエストしたフィルターは、20 を超えるもののみを強調表示します。さらに、2 番目のリクエスト:
他のフィルターを含むコードを投稿していないため、回答できません。
投稿されたコードに関しては、構文だけでなく意図的に失敗しています。
jQuery メソッドはプレーンな JavaScript 参照を認識しません。またその逆も同様です。 jQuery オブジェクトで純粋な JavaScript メソッドを使用するには、jQuery オブジェクトを 逆参照する必要があります。 jQuery メソッドと JavaScript メソッドを連鎖させないでください。質問で使用されている jQuery メソッド テーブルと純粋な JavaScript メソッド テーブルは次のとおりです:
jQuery メソッド
が呼び出されるとき、関数は次の理由で失敗します:
は配列を処理しますが、jQuery オブジェクトは処理しません.sort()
は通常の JavaScript メソッドであり、jQuery オブジェクトを認識しません
.sort()
を NodeList として収集し、配列に変換する場合、
.sort()".x"
は".mErEH _223RA"
に置き換える必要があります。