php - 删除无序列表中的空白行

Question

无序列表函数我目前有来自数据库的三个变量，$firstline、$secondline、$thirdline，但有时其中一个变量是空的。当我尝试将其放入无序列表时，该字段中有一个空行。如何编写一个检查空白变量的函数，然后如果该变量为空则排除该变量。基本上是“当第一行，第二行，第三行不是空白时，然后创建这个无序列表。如果第一行为空，则将其从无序列表中删除，等等。”

  <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 小提琴演示

使用纯 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 小提琴演示

这非常冗长，但大部分长度是允许在一个函数调用中允许多个标签，因此您可以调用该函数：

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

使用 CSS：

li:empty {
    display: none;
}

JS 小提琴演示

尽管这甚至将单个空格<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

一个函数可以是这样的

function checkEmpty($val){

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

}

现在您可以使用此功能

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

Answer 3

当您在 php 中动态显示您的列表时，请尝试这样的操作

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

Answer 4

试试这个 ：）

    ol, ul{list-style:none;}