私は長い名前のリストを掲載したウェブサイトを持っています。それをより監視しやすくするために、テキストリンクを貼りたいと思っています。
(読み込み時) すべて表示
(「pears」という単語をクリックすると) class="apple" のすべての要素を非表示にします
(「リンゴ」という単語をクリックすると) class="pear" のすべての要素を非表示にします
(「すべて表示」をクリックすると)すべて表示
これは、「入力時に行う」フィルタリングの非常に簡略化されたバージョンのようなものだと思います。
これ用のプラグインは存在しますか? どこから始めればいいのかさえ分かりません!
ベストアンサー1
偶然この投稿を見つけました。古い投稿だとはわかっていますが、正直に言って、どの回答もあまり役に立ちません。私の意見では、フィルターを使用して要素をフィルタリングできます。:ないのようにfilter(':not()')
。
としてジョエル・ポッター前述のように、を使用すると、$("span[class='apple']").hide();
正確に1つのクラス名を持つスパンのみが選択されます。りんご複数のクラスが存在する場合 (可能性が高い)、このようなアプローチは機能しません。
例えば単語をクリックすると洋ナシ、そうでない要素をフィルタリングすることができますないクラス を含みますpears
。
$('span').show().filter(':not(.pears)').hide();
これで完了です ;)