JQuery append元素删除所有html dom元素

Question

我有一个过滤系统设置，我正在努力使用jquery .append。

当用户与过滤系统互动时，可见结果将从dom中移除，然后均匀分布在<div class="col-1"> ... <div class="col-2">... <div class="col-3">...

中

这样做是因为页面以垂直方式输出人员，但过滤必须水平重新排序。当你使用第一个过滤器时，你会看到我的意思。

请查看此页面： demo page

1. 点击活动赞助商
2. 然后点击East

我所说的功能是reflowVisibleResults() 基本上可见的结果被复制到一个数组，然后从文档中删除，然后在col-1，col-2，col-3

中从左到右重排。

整个页面仅替换为电话号码。如果您转到第917行并切换上面的行，则按预期工作。我只是无法弄清楚如何从jquery对象数组中实际输出html。

Answer 1

与Parker一致，您的代码似乎过于复杂，需要它。 Here是我如何做到这一点的快速示例。

我确信它可以优化和抛光一点安静，但这应该足以让你走上正确的道路。

Answer 2

在我看来，你已经过度使问题复杂化了。我创建了一个类似于此的过滤系统，但我使用jQuery .filter()或.not()方法来实现结果。

我只用了两行jquery来创建过滤系统。