JQuery append元素刪除所有HTML DOM元素

Question

我有一個過濾器系統設置，我正在努力與jquery .append。

當用戶與過濾系統進行交互，可見結果從DOM移除，然後在<div class="col-1"> ... <div class="col-2">... <div class="col-3">...

均勻分佈它的完成這種方式，因爲在頁面輸出中的工作人員以垂直方式，但是濾波必須重新排序水平。當你使用第一個過濾器時，你會明白我的意思。

請查看此頁： demo page

1. 點擊活動的贊助
2. 然後在東點擊

說我說的是reflowVisibleResults() 基本上可見的結果複製功能到一個數組，然後從文檔中刪除，然後從col-1，col-2，col-3左到右迴流。

整個頁面被替換爲一個電話號碼。如果您轉到917行並將上面的行切換到其上，則按預期工作。我只是無法弄清楚如何從jquery對象數組中實際輸出html。

Answer 1

同意帕克，你的代碼似乎過於複雜，它需要的東西。 Here是我如何做的快速樣本。

我相信它可以優化和拋光安靜一點，但這應該足以讓你走上正確的道路。

Answer 2

在我看來，你已經過了複雜的問題。我創建了一個類似於此的過濾器系統，但我使用jQuery .filter()或.not()方法來實現結果。

它只需要我兩行jquery來創建過濾系統。