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来创建过滤系统。