jquery 값이 없을때 hide 시키기
본문
안녕하세요.
아래와 같이 텍스트가 글있음 class가 같아서
원작만 값이 없으므로 원작만
hide 시키고 싶은데 어떻게 해야 될지 모르겠네요.
감사합니다.
=======================
if($(".leading-16.flex-1").text() == '') {
$(".flex.mb-8.last:mb-0").hide();
}
========================
<div class="flex mb-8 last:mb-0">
<dt class="opacity-50 leading-16 mr-8 flex-none w-54">글</dt>
<dd class="leading-16 flex-1">글있음</dd>
</div>
<div class="flex mb-8 last:mb-0">
<dt class="opacity-50 leading-16 mr-8 flex-none w-54">그림</dt>
<dd class="leading-16 flex-1">글있음</dd>
</div>
<div class="flex mb-8 last:mb-0">
<dt class="opacity-50 leading-16 mr-8 flex-none w-54">원작</dt>
<dd class="leading-16 flex-1"></dd>
</div>
<div class="flex mb-8 last:mb-0">
<dt class="opacity-50 leading-16 mr-8 flex-none w-54">발행처</dt>
<dd class="leading-16 flex-1">글있음</dd>
</div>
답변 2
$(".leading-16.flex-1").each(function() {
if($(this).text() == "") $(this).closest("div.flex").hide();
});
너무 잘되네요.
감사합니다.
원작에 클래스 하나 고유한거 더 추가 후, jquery 선택자 부분에 추가로 이어서 써주면 됩니다.
if($(".leading-16.flex-1").text() == '') {
$(".flex.mb-8.last:mb-0.homzzang").hide();
}
<div class="flex mb-8 last:mb-0 homzzang">
<dt class="opacity-50 leading-16 mr-8 flex-none w-54">원작</dt>
<dd class="leading-16 flex-1"></dd>
</div>