jquery - jQueryオブジェクトとして設定されたデータ属性値に基づいて要素を見つける方法は?

Question

次のdivを与える：

<div data-options='{"name":"John", "age":"30"}'></div>

age が 30 の div 要素を選択するにはどうすればよいですか?

.filter() メソッドを使用してみました:

$( "div" ).filter(function( index ) {
    return $( this ).data('options').age === "30";
    //or
    //return $( this ).data('options:age') === "30";
});

しかし、何も返されませんでした。

また、jQuery UI の:data()セレクター: $( ":data(options).age" ) を試しましたが、データ値ではなくデータパラメーターによってのみ要素を選択できます (1 つの単純な要素でのみ動作するようです)属性）。

最後に、html ではなく jQuery でデータを定義してみました。

$( "div" ).data( "options", { name: "John", age: 30 } );

その後、上記のすべてを再試行しましたが、何も返されませんでした。

この問題を解決する方法の手がかりはありますか?