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

• クリックすると<div class="fuga">特定の要素</div>を持っている.itemだけが表示されます

.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;
});

デモの解説記事に戻る