jquery - data-ZZZが空白でない要素を取得する方法

Question

私は次のようなhtmlを持っています：

<div id="1" class="lineItem" data-options="">Line1</div>
<div id="2" class="lineItem" data-options="{size: M;}">Line2</div>
<div id="3" class="lineItem" data-options="{color: black;}">Line3</div>

取得するためのある種のセレクターを構築できます<div id="2">か<div id="3">？

何かのようなもの：

$('.lineItem[data-options='not blank']')

これは可能ですか、それとも各DIVを手動で調べて、data-options属性が空白でないことを確認する必要がありますか？

Answer 1

:notセレクターを使用できます

$('.lineItem[data-options]:not([data-options=""])');

フィドル

Answer 2

私は提案します：

$('.lineItem').filter(
    function(){
        return $(this).attr('data-options').length;
    });

JSフィドルデモ。

ただし、これはセレクターによって返される各要素data-optionsを調べ、属性を評価して、それが空でないこと（または、明示的には、より長い長さがあること0）を確認します。

Answer 3

このセレクターを使用する

$(".lineItem[data-options!='']")