Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jQuery显示具有空属性的所有项_Javascript_Jquery - Fatal编程技术网

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

Javascript 使用jQuery显示具有空属性的所有项,javascript,jquery,Javascript,Jquery,我有一个包含多个列表项的列表,这些列表项都是隐藏的: <ul> <li rel=""> </li> ... </ul> ... 我想显示属性rel只是一个空字符串的列表项 有人知道我如何做到这一点吗?您可以使用CSS和属性选择器: ul li[rel=""] { display: list-item; } 或者使用jQuery: $('ul li[rel=""]').show(); 使用一个数据-属性

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

<ul>
    <li rel="">
    </li>
    ...
</ul>
  • ...
我想显示属性
rel
只是一个空字符串的列表项


有人知道我如何做到这一点吗?

您可以使用CSS和属性选择器:

ul li[rel=""] {
    display: list-item;
}
或者使用jQuery:

$('ul li[rel=""]').show();
使用一个
数据-
属性,或者找出一种不首先使用属性的方法。

尝试这样使用

$('ul li').hide();
$('ul li[rel=""]').show();
jquery中的演示

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

根据MDN,
rel
a
区域
链接
元素中有效:您看到我的评论了吗?也许值得编辑/删除答案上的内容。Cheers@Sergio:是的,我将其更改为“不在
  • 元素上”。我的意思是文本“rel属性在
  • 元素上无效”。不管怎样,+1,这是个好答案。