使用jQuery显示具有空属性的所有项目

Question

我有一个包含多个列表项的列表，这些列表项都是隐藏的：

<ul>
    <li rel="">
    </li>
    ...
</ul>

我想显示属性rel只是一个空字符串的列表项。

任何人都知道我该怎么做？

Answer 1

您可以使用CSS和属性选择器执行此操作：

ul li[rel=""] {
    display: list-item;
}

或者使用jQuery：

$('ul li[rel=""]').show();

使用data-属性或找出一种不首先使用属性的方法。

Answer 2

尝试使用像这样的

$('ul li').hide();
$('ul li[rel=""]').show();

演示here

Answer 3

在jquery中

 $("li[rel!='']").show();