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 可以参考上方链接里的内容。