Penulisan Semula Tajuk: Teknik untuk Menekankan Nilai Tertentu pada Halaman

Question

Sebagai contoh, di tapak seperti

Bagaimanakah saya boleh kod untuk menyerlahkan sebarang harga melebihi 20€ dalam warna merah dalam grid produk? Selain itu, saya memerlukannya untuk terus berfungsi walaupun pengguna memilih/menyahpilih kategori di sebelah kanan.

Adakah ini JavaScript?

$('div').setiap(function() {
  $(ini).cari('.mErEH _223RA').sort(fungsi(a, b) {
    kembali b.innerText - a.innerText;
  }).slice(0, 5).addClass('higherthan20')
});

.higherthan20 {
  warna: merah;
}

Answer 1

Dirujuk Laman web Tapis harga dengan memaparkan hanya harga yang sesuai dalam julat yang ditentukan pengguna, sambil mengalih keluar sebarang harga yang berada di luar julat harga. Penapis yang anda minta hanya menyerlahkan apa-apa yang melebihi 20. Juga, permintaan kedua:

Tidak dapat menjawab kerana anda belum menyiarkan sebarang kod yang melibatkan mana-mana penapis lain.

Mengenai kod yang disiarkan, ia bukan sahaja gagal dalam sintaks, tetapi juga dalam tujuan.

1. Kaedah jQuery tidak mengenali rujukan JavaScript biasa dan sebaliknya. Untuk menggunakan kaedah JavaScript tulen pada objek jQuery, objek jQuery mesti dinyahrujukkan. Elakkan merantai kaedah jQuery dan JavaScript. Berikut ialah jadual kaedah jQuery dan jadual kaedah JavaScript tulen yang digunakan dalam soalan:

   • kaedah jQuery
     

     Kaedah	Penerangan
     rreeee	Lelaran pada objek jQuery dan fungsi panggilan untuk setiap elemen DOM
     rreeee	Kumpul semua elemen DOM yang ditentukan dalam objek jQuery sebagai objek jQuery baharu
     rreeee	Tambahkan kelas pada setiap elemen DOM dalam objek jQuery

   • Kaedah JavaScript tulen
     

     Kaedah	Penerangan
     rreeee	Mengembalikan salinan baharu tatasusunan yang diberikan dalam tertib menaik
     rreeee	Mengembalikan julat elemen yang ditakrifkan dalam tatasusunan yang diberikan sebagai tatasusunan baharu

2. Ringkasnya, apabila diberikan oleh div.mErEH _223RA组成的jQuery对象是通过.each()和.find()创建的代码>.然后，当在所述 jQuery 对象上调用 .sort(), fungsi tersebut gagal kerana:

   • .sort() ialah kaedah JavaScript biasa dan tidak mengenali objek jQuery
   • .sort() mengendalikan tatasusunan, objek jQuery tidak

3. Ia akan berfungsi jika fungsi itu menjatuhkan jQuery sepenuhnya dan hanya mengumpulkan semua div.mErEH _223RA 作为 NodeList，然后转换为数组，.sort() 和 .slice(). Malangnya, tatasusunan baharu yang dikembalikan terdiri daripada 6 elemen DOM pertama dalam tertib menaik, yang tidak membenarkan anda menyerlahkan semua elemen DOM melebihi 20.

Dalam contoh berikut, reka letak HTML sebenar tidak penting, className ".x" 应替换为 ".mErEH _223RA".

Contoh beranotasi dengan butiran

.each()

.find()

.addClass()