JQueryのappend要素はすべてのhtml dom要素を削除します

Question

フィルタシステムのセットアップがあり、jquery .appendで苦労しています。ユーザがフィルタシステムと相互作用すると

、目に見える結果がDOMから除去した後、垂直にページ出力のスタッフが、フィルタリングは、並べ替えなければならないので、この方法を行うの<div class="col-1"> ... <div class="col-2">... <div class="col-3">...

に均一に分布しています水平に最初のフィルターを使用したときの意味を知ることができます。

このページを閲覧してください：イベントの demo page

1. クリックして、次に東
に

をクリックして、私が話している機能は、基本的に目に見える結果がコピーされreflowVisibleResults() ある

スポンサー配列に渡してから、文書から削除してから、col-1、col-2、col-3で左から右にリフローされるようにします。

ページ全体が単なる電話番号に置き換えられました。あなたが917行目に行き、上の行をスイッチオーバーすると、期待どおりに動作します。私はちょうど実際にjQueryオブジェクトの配列からhtmlを出力する方法を理解できません。

Answer 1

パーカーと合意すれば、コードは必要なものを過度に複雑にしているようです。 Hereは私がそれをやる方法の簡単なサンプルです。

私はそれが最適化され、静かに研磨することができると確信していますが、それは正しいパスにあなたを得るのに十分でなければなりません。

Answer 2

あなたは問題を複雑にしているようです。私はこのようなフィルタシステムを作成しましたが、結果を得るためにjQuery .filter()または.not()メソッドを使用しました。

フィルタリングシステムを作成するには2行のjqueryしか必要ありませんでした。