javascript - 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();

デモはこちら

Answer 3

jqueryで

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