芝生やDIY等のライフハックやWeb制作情報を発信するメディア

メニューを開く

連続する要素において、特定の要素が存在する場合のみ処理を行うjs

特定の要素がある時だけ表示したい要素

特定の要素がある時だけ表示したい要素

特定の要素がある時だけ表示したい要素

特定の要素

特定の要素がある時だけ表示したい要素

.hoge .item{
    display:none;
}
<div class="hoge">
<div class="item">
<p class="moge">特定の要素がある時だけ表示したい要素</p>
</div>
<div class="item">
<p class="moge">特定の要素がある時だけ表示したい要素</p>
</div>
<div class="item">
<p class="moge">特定の要素がある時だけ表示したい要素</p>
<div class="fuga">特定の要素</div>
</div>
<div class="item">
<p class="moge">特定の要素がある時だけ表示したい要素</p>
</div>
</div>
$('.btn').click(function(){
    $(".hoge .item").each(function(){
        $(this).find(".fuga").parents(".item").show();
    });
    return false;
});

デモの解説記事に戻る

ページの先頭に戻る