(function() { function initSortBar() { var productsList = document.querySelector(".re-product-showcase ul.products"); if (document.getElementById("re-sort-select")) return; var sortBar = document.createElement("div"); sortBar.className = "re-sort-bar"; sortBar.innerHTML = "排序：預設排序價格：由低至高"; productsList.parentNode.insertBefore(sortBar, productsList); var origOrder = Array.from(productsList.querySelectorAll("li.product")); document.getElementById("re-sort-select").addEventListener("change", function() { var items = Array.from(productsList.querySelectorAll("li.product")); if (this.value === "price_asc") { items.sort(function(a, b) { return getMinPrice(a) - getMinPrice(b); }); } else { items = origOrder.slice(); } items.forEach(function(item) { productsList.appendChild(item); }); }); } function getMinPrice(el) { var p = el.querySelector(".price"); var m = p.textContent.match(/[\d,]+\.?\d*/g); var prices = m.map(function(x) { return parseFloat(x.replace(/,/g, "")); }).filter(function(x) { return x > 0; }); return prices.length ? Math.min.apply(null, prices) : 99999; } setTimeout(initSortBar, 800); setTimeout(initSortBar, 2000); window.addEventListener("load", function() { setTimeout(initSortBar, 500); }); })();