데이터가없는 경우 표 행 숨기기

WordPress의 고급 맞춤 입력란을 사용하여 새 콘텐츠 유형을 만듭니다. 내 템플릿, 난과 같이 테이블 레이아웃으로 텍스트 스타일 한 : 웹 사이트의 회원이 상위 조직에 넣어되지 않은 경우데이터가없는 경우 표 행 숨기기

<table class="members"> 
<thead> 
</thead> 
<tbody> 
<tr> 
    <td> 
    <h3>Basic Information</h3> 
    </td> 
</tr> 
<tr> 
    <td> 
    <p><strong>Parent Organization:</strong> <?php the_field('parent_organization'); ?></p> 
    </td> 
</tr> 
</tbody> 
</table>

지금, 나는 그 전체 행을 숨기려. jQuery에서이 작업을 수행하는 방법에 대한 몇 가지 다른 예를 살펴 보았지만 답변이 없습니다. 나는 하위 테마를 사용하고 있기 때문에 새로운 functions.php와 내 child-theme-custom.js를 내 하위 테마 폴더에 추가했습니다. 작동하지 않았다 세 가지 다른 시도

예 : 당신은 'parent_organization이'의 존재 여부와 관계없이이를 보이고 있기 때문에 모든

$('.members tr').filter(function(){ 
    return $(this).find('td:eq(1):empty').length > 0; 
}).hide(); 

$('.members td').find('td:eq(1):empty').parent().hide(); 

$('.members > tbody > tr').has('td:empty').hide()

출처

2014-09-23 user4072070

다음과 같이 표시하려면 : empty css selector를 사용할 수 있습니다. hide; 당신이 원한다면 ... – henser

DOM이 준비되기 전에 JS가 실행될 가능성이 높습니다 .... 위의 코드 바로 앞에 다음과 같이 추가하십시오 :'alert ($ ('. members'). length)' – PeterKA

첫째, TD가 비어 있지 않습니다 :

<p><strong>Parent Organization:</strong></p>

따라서 셀은 비어 있지 않습니다. 당신의 두뇌를위한 연료를 위해이 피들을 확인하십시오 : http://jsfiddle.net/mx07d7fz/

덧글 user3558931의 주석에 설명 된대로 DOM을 사용할 수 있는지 확인하는 것이 좋습니다.

출처

2014-09-23 22:28:07

데이터가없는 경우 표 행 숨기기

답변

관련 문제