非常簡單我試圖僅使用 vanilla JS 按價格對無序列表進行排序，并且它需要 IE 11 支持。盡管檢查了https://caniuse.com/，但我收到了一個錯誤，document.querySelector(...).innerHTML也不確定Array.prototype.sliceIE11 是否支持這是我所做的：function sort(){ var productsContainer = document.querySelector('.products-grid'); var els = Array.prototype.slice.call(document.querySelectorAll('.products-grid > .product')); console.log("els" + els) els.sort(function(a, b) { na = parseInt(a.querySelector('.price-item--regular > span').innerHTML); nb = parseInt(b.querySelector('.price-item--regular > span').innerHTML); document.querySelector(".products-grid").innerHTML((nb - na)); });}<button onclick="sort()"> sort</button><ul class="products-grid"> <li class="product"> <img src="" alt=""> <div class="price-item--regular"> <span class="money pre-money" style="visibility: visible;">￡2.96</span> </div> </li> <li class="product"> <img src="" alt=""> <div class="price-item--regular"> <span class="money pre-money" data-product-id="" style="visibility: visible;">￡5.71</span> </div> </li> <li class="product"> <img src="" alt=""> <div class="price-item--regular"> <span class="money pre-money" data-product-id="" style="visibility: visible;">￡5.71</span> </div> </li></ul>
使用支持 IE11 的 vanilla JavaScript 按價格對 UL 進行排序
繁花不似錦
2022-07-21 10:43:02
