非表示にするすべての要素を後で非表示に保存する

Question

どのように各機能を使用して、別の要素内のすべての要素を見つけることができますか？各要素のすべてのクラス名を記録します。

次に、これらの要素をすべて非表示にしますか？

他の場所ではすべての要素を表示するだけですが、後で元々隠していた要素を後で再表示する必要があります。

Answer 1

私はあなたが期待している作業スニペットを作成しました。

基本的に、attributeは、最初に非表示になっていた場合、参照を持つ要素が追加されています。

同じ属性を使用すると、「リセット」ボタンがクリックされたときに非表示に設定されています。

$('.Actions').children().not(':visible').each(function(){ 
 
    $(this).attr('data-display', 'none'); 
 
}); 
 

 
$('.Actions').children().show(); 
 

 
$('#reset').click(function(){ 
 
    $('.Actions').children('[data-display="none"]').hide(); 
 
});

.Flag 
 
{ 
 
    display: none; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="Actions"> 
 
    <div class="Trash"><i class="fa fa-trash-o" aria-hidden="true"></i></div> 
 
    <div class="Mark-Read"><i class="fa fa-envelope-open-o" aria-hidden="true"></i></div> 
 
    <div class="Flag"><i class="fa fa-flag" aria-hidden="true"></i></div> 
 
    <div class="Pin"><i class="fa fa-thumb-tack" aria-hidden="true"></i></div> 
 
</div> 
 
<input id="reset" type="button" value="Reset">