jQuery來隱藏HTML標籤如果數據庫值爲NULL

Question

我使用Dreamweaver的內置PHP功能構建一個小的應用程序。我正在檢索重複的ul，li結構中的數據，看起來像這樣。

• 客戶名稱
• 職位描述
• 完成

客戶名稱和職位描述總會有價值觀和完成的一年可能有NULL值的年份。如果完成年份具有空值，則不應顯示'li'。

我試圖用jQuery做到這一點，但看起來很複雜我。我可以在PHP中實現這一點嗎？

Answer 1

$array = array('client_name'=>'John', 'job_descr'=>'Programming', 'year'=>null); 

foreach ($array as $data) { 
    echo '<ul>'; 
    ($data['client_name']!=null)?echo '<li>'.$data['client_name'].'</li>':echo ''; 
    ($data['job_descr']!=null)?echo '<li>'.$data['job_descr'].'</li>':echo ''; 
    ($data['year']!=null)?echo '<li>'.$data['year'].'</li>':echo ''; 
    echo '<ul>'; 
} 

如果我理解正確，這就是你需要的。

Answer 2

用PHP做這將是合乎邏輯的方式 - 你必須向我們展示了PHP源代碼，以幫助您 - 它只會涉及一個if語句檢查空，而不是附和該列表如果這是真的..但要回答你的jQuery的問題..如果你的輸出是這樣的：

<ul id="this_is_the_list"> 
    <li> 
     <ul> 
      <li>Client name value</li> 
      <li>Job desc value</li> 
      <li>This isnt null</li> 
     </ul> 
    </li> 
    <li> 
     <ul> 
      <li>Another name value</li> 
      <li>Another Job desc value - this one will be null</li> 
      <li></li> 
     </ul> 
    </li> 
</ul>​ 

你的jQuery是：

$(document).ready(function() { 
     //for each additional list within the target list 
     //which has a 3rd li (i would suggest giving this a 
     //class instead to better target it). 
     $('#this_is_the_list li li:nth-child(3)').each(function() { 
      if($(this).text().length < 1) { //if its empty 
       $(this).parents('#this_is_the_list > li').remove(); //remove its parent list item 
      } 
     }); 
    });​ 

小提琴證明這裏：http://jsfiddle.net/QxcLS/