JS實現商品篩選(3)

2021-06-20 13:38:23 字數 1083 閱讀 9057

這一次要分享的是以前寫過的tab切換+分頁,只是這次以物件導向的形式寫出來。**是基於jquery的,當然你也可以用原生js來實現,不過得封裝一些函式,不然甚是麻煩。

先說tabs元件,基於簡單的考慮,我這個元件,只需要傳兩個引數,乙個是觸發器的元素陣列,乙個是切換內容的元素陣列。個人感覺更好的,應該是要再傳乙個外層容器的id,因為有時候可能觸發器的class值會有重複的使用。當然,我的**已經簡單有了雛形,也懶得做出修改,大家可以在我的基礎上進行再次加工。

page元件,無非考慮的是外層容器、分頁容器、每頁幾條、根據什麼元素來劃分。當然這個分頁算是乙個假分頁,因為真正的分頁都是ajax請求。

好了,還是貼一下**吧。

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第二條資料

第二條資料

第二條資料

第二條資料

第二條資料

第二條資料

第三條資料

第三條資料

第三條資料

第三條資料

第三條資料

第三條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第二條資料

第二條資料

第二條資料

第二條資料

第二條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第一條資料

第二條資料

第二條資料

第二條資料

第二條資料

第二條資料

第二條資料

第三條資料

第三條資料

第三條資料

第三條資料

第三條資料

第三條資料

第四條資料

第四條資料

第四條資料

根據商品規格篩選商品

思路 現將規格陣列拿到,再讓商品陣列的每個規格裡的每一項規格比較,如果規格陣列和某乙個商品的規格全部匹配,則渠道改商品的id 下邊上一些主要 太累了,還未整理,主要難點在於,怎麼判斷規格陣列和商品規格匹配,我讓每乙個商品去和規格陣列比較,如果每一項規格項裡的規格值都和規格陣列匹配,則給乙個空陣列裡新...

原生js實現商品放大鏡效果

小方塊跟隨滑鼠移動 original move.style.left e.offsetx parseint getcomputedstyle original move width 0.5 px original move.style.top e.offsety parseint getcomput...

js 樹結構篩選

問題描述,樹型資料,現在要做查詢,當子節點滿足條件時,返回其父節點直到其跟節點,同時也要把當前,子節點的所有孩子節點返回,最終返回的結構還是一顆樹。如下 var productlist var productfilter function list,name const listlength lis...