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

渣寫法，純屬娛樂

預覽圖：

---

紅框右下角那玩意兒仿的淘寶，HTML 和 CSS 來自互聯網

然後我順手擼了一份放到了 GitHub：https://github.com/maxsky/imitate-tb-combo-select

---

當然了，圖中的可不是上方鏈接中這麼複雜的代碼實現的

上方鏈接裏，整個 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 可以參考上方鏈接裏的內容。