jQuery 前端電商組合商品規格屬性選擇寫法
阿新 • • 發佈:2019-02-09
渣寫法,純屬娛樂
預覽圖:
紅框右下角那玩意兒仿的淘寶,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 可以參考上方連結裡的內容。