jQueryを使用してan：after擬似クラスを表示/非表示

Question

div、visitors-main-panel、検索結果を表示します。私は上記のフィルタセットを持っています。私は検索結果の上に半透明のパネルを表示したいのですが、私は新しい結果をajaxで取得しています。

$('#visitors-main-panel:after').hide();

.visitors-main-panel { 
 
    position: relative; 
 
} 
 
.visitors-main-panel:after { 
 
    content: " "; 
 
    z-index: 10; 
 
    display: block; 
 
    position: absolute; 
 
    height: 100%; 
 
    top: 0; 
 
    left: 0; 
 
    right: 0; 
 
    background: rgba(0, 0, 0, 0.3); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-sm-9 visitors-main-panel"> 
 
    Initial search results 
 
</div>

しかし、これは動作するようには思えません。

Answer 1

できません。その代わりに、擬似要素のdisplayをターゲットにするのにCSSで使用する#visitors-main-panelのクラスを切り替えます。

Answer 2

<style> 
.uk-hidden { display: none; } 
</style> 

$('.visitors-main-panel:after').addClass('uk-hidden'); 

PS>あなたのCSSセレクタを使用すると、いずれかの引用符または二重引用符を使用することを確認し、閉鎖などの開口部と一つの二重引用符として引用されています。

ps2> CSSはクラスを定義しています。ここでは、jQueryセレクタがIDで要素にアクセスしようとしています。