JQuery : 다른 태그가 비어 있거나 없으면 html 태그 표시/숨기기

Question

이것이 처음으로 여기에 올린 글입니다. 높이가 낮거나 낮은 것을 검색하여 지금까지 답변을 찾을 수없는 질문이 있습니다. 다음

되는 HTML이 될 것이다 :

<span class="label">Label:</span>
<span class="value">{{Value}}</span>

기본적으로 {{}} 값은 PHP/MySQL을 통해 (또는 생략)에 삽입 된 변수이다. 물론
경우 {{값}}에 페이지가 렌더링 될 때 비어, 다음을 얻을 :

<span class="label">Label:</span>
<span class="value"></span>

생각은 라벨입니다 : 아무것도가 {{이없는 경우 숨길 수 값}}.

$ (. 값 : 빈) & if 문을 사용하여 다양한 예제를 시도했지만 .label은 관계없이 숨 깁니다.

모든 의견을 환영합니다. 사전에
감사합니다,
롭

Answer 1

$(".value").each(function(){ 
    var value = $.trim($(this).text()) 
    if(value == ""){ 
    $(this).prev(".label").hide() 
    } 
}) 

PS를 사용해보십시오. .label .value 쌍을 LI 또는 DIV의 일종으로 캡슐화하는 것이 좋습니다.

Answer 2

는

if ($('.value').text() == '') { $('.label').hide(); }