1. 程式人生 > >jQuery 前端電商組合商品規格屬性選擇寫法

jQuery 前端電商組合商品規格屬性選擇寫法

渣寫法,純屬娛樂

預覽圖:

還是動態的呢

紅框右下角那玩意兒仿的淘寶,HTML 和 CSS 來自網際網路

當然了,圖中的可不是上方連結中這麼複雜的程式碼實現的

上方連結裡,整個 HTML 是通過 JS 輸出實現,然而實際圖中程式碼如下:

var cb_prop = $('.cb-prop li');
cb_prop.click(function () {
    if ($(this).hasClass('cb-selected')) {
        $(this).removeClass('cb-selected');
    } else {
        var lis = $(this
).siblings(); if (lis.hasClass('cb-selected')) { lis.removeClass('cb-selected'); $(this).addClass('cb-selected'); } else { $(this).addClass('cb-selected'); } } });

HTML 和 CSS 可以參考上方連結裡的內容。