コニファ・ロゴ

csstest:jQueryを使って、class名の内容から、表示要素をAND条件で絞り込み

jQueryを使って、class名の内容から、表示要素をAND条件で絞り込みます。条件は「tagA」、「tagB」、「tagC」の3つで、チェックボックスから単数、または複数の条件を選択し、その条件をともに含む(AND)要素以外を非表示にしています。スクリプトの内容がとても分かりやすいので、掲載させていただきました。

絞り込み条件選択

サンプル:絞り込んで表示する対象

class名に「tagA」だけを含むdiv要素
class名に「tagB」だけを含むdiv要素
class名に「tagC」だけを含むdiv要素
class名に「tagD」だけを含むdiv要素
class名に「tagA」と「tagB」を含むdiv要素
class名に「tagA」と「tagC」を含むdiv要素
class名に「tagB」と「tagC」を含むdiv要素
class名に「tagA」と「tagB」と「tagC」を含むdiv要素
class名に「tagA」と「tagB」と「tagD」を含むdiv要素
class名に「tagB」と「tagC」と「tagD」を含むdiv要素

 

 

 

戻るボタン