jquery - :data() selector should be recognized?

Question

我正在使用 jquery-1.11.1，并尝试使用 :data 选择器，如上所述

https://api.jqueryui.com/data-selector/

尝试查找具有特定键的所有元素，如下所示:

var elements = $(':data(kendoMobileScroller)');

但我得到的只是一个错误:

Error: Syntax error, unrecognized expression: unsupported pseudo: data

不应该有这样的选择器吗？

Answer 1

您需要包含 jQuery UI 才能使 :data 伪选择器正常工作，例如:

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

或者只是扩展 jQuery:

$.extend( $.expr[ ":" ], {
    data: $.expr.createPseudo ?
        $.expr.createPseudo(function( dataName ) {
            return function( elem ) {
                return !!$.data( elem, dataName );
            };
        }) :
        // support: jQuery <1.8
        function( elem, i, match ) {
            return !!$.data( elem, match[ 3 ] );
        }
});

DEMO