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>