刪除無序列表中的空行

Question

無序列表功能 我目前有三個變量來自數據庫$ firstline $ secondline $ thirdline，但有時其中一個變量是空的。當我嘗試將它放入無序列表中時，該字段中有空行。我該如何編寫一個函數來檢查一個空白變量，然後如果該變量爲空則排除該變量。基本的東西去「而FIRSTLINE，二線，thirdline不爲空，然後建立這個無序列表如果FIRSTLINE是空的，從無序列表等刪除..」

<ul> 
    echo "<li>$this->firstline</li>"; 
    echo "<li>$this->secondline</li>"; 
    echo "<li>$this->thirdline</li>"; 
    </ul> 

Answer 1

使用jQuery：

$('li').filter(function(){ 
    return $(this).text().trim() === ''; 
}).remove(); 

JS Fiddle demo

用普通的JavaScript：

function removeEmpty(tags, parent){ 
    if (!tags) { 
     return false; 
    } 
    else { 
     tags = tags.split(/\s+/); 
     parent = parent && parent.nodeType === 1 ? parent : document.body; 
     var children = [], _tmp; 
     for (var i = 0, len = tags.length; i < len; i++) { 
      _tmp = parent.getElementsByTagName(tags[i]); 
      if (_tmp.length) { 
       for (var I = 0, Len = _tmp.length; I < Len; I++){ 
        children.push(_tmp[I]); 
       } 
      } 
     } 
     if (children.length > -1) { 
      var i = children.length - 1, 
       cur, txt; 
      while (i) { 
       cur = children[i]; 
       txt = (cur.textContent || cur.innerText).replace(/(^\s+)|($\s+)/g,''); 
       if (!txt.length) { 
        cur.parentNode.removeChild(cur); 
       } 
       i--; 
      } 
     } 
    } 
} 

removeEmpty('li em', document.getElementsByTagName('div')[0]); 

JS Fiddle demo

這是非常囉嗦，但大部分長度是允許允許一個函數調用多個標籤，這樣你就可以調用函數：

• removeEmpty('li em', document.getElementsByTagName('div')[0]);（如代碼 - 上面的塊）。
• removeEmpty('li', document.getElementsByTagName('div')[0]);。
• removeEmpty('li');。

使用CSS：

li:empty { 
    display: none; 
} 

JS Fiddle demo

雖然這甚至考慮一個單一的空白<li> </li>是一個非空元素。

用PHP

可能（它一直以來我最後一次使用任何 PHP相當長的一段時間）：

echo strlen($this->firstline) > 0 ? "<li>$this->firstline</li>" : ''; 
echo strlen($this->secondline) > 0 ? "<li>$this->secondline</li>" : ''; 
echo strlen($this->thirdline) > 0 ? "<li>$this->thirdline</li>" : ''; 

Answer 2

因爲你是在PHP動態顯示列表嘗試這樣

echo ($this->firstline > "") ? "<li>" . $this->firstline . "</li>" : ""; 
echo ($this->secondline > "") ? "<li>" . $this->secondline . "</li>" : ""; 
echo ($this->thirdline > "") ? "<li>" . $this->thirdline . "</li>" : ""; 

Answer 3

東西功能可以是這樣的

function checkEmpty($val){ 

if(!$val) return; 
if($val) return "<li>".$val."</li>"; 

} 

現在你可以SE這個功能

echo checkEmpty($this->firstline); 
echo checkEmpty($this->secondline); 
echo checkEmpty($this->thirdline); 

Answer 4

試試這個:)

ol, ul{list-style:none;}