jquery 값이 없을때 hide 시키기

jquery 값이 없을때 hide 시키기

QA

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>

답변을 작성하시기 전에 로그인 해주세요.
전체 2,660
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT