我正在使用 javascript 在我的卡片之間進行過濾。它工作正常,只是我無法將過濾后的卡片與左上角對齊。它保留在原來的同一列中(并且同時也在同一行中)。這是一個例子: 錯誤 這就是我想要的: 好我的代碼: function myFunction() { var input, filter, cards, cardContainer, title, i; input = document.getElementById("myFilter"); filter = input.value.toUpperCase(); cardContainer = document.getElementById("myItems"); cards = cardContainer.getElementsByClassName("card"); for (i = 0; i < cards.length; i++) { title = cards[i].querySelector(".card-body h4.card-category"); if (title.innerText.toUpperCase().indexOf(filter) > -1) { cards[i].style.display = ""; } else { cards[i].style.display = "none"; } } }
1 回答

繁花如伊
TA貢獻2012條經驗 獲得超12個贊
剛剛想通了。問題出在這一行:
cards = cardContainer.getElementsByClassName("card");
我把它改為
cards = cardContainer.getElementsByClassName("col-md-4");
因為我的卡片類位于 col-md-4 類中,并且無法設置其顯示屬性。
- 1 回答
- 0 關注
- 122 瀏覽
添加回答
舉報
0/150
提交
取消