Question

我试图通过：数据选择器检测点击分页锚点而没有结果：

<!DOCTYPE html>

<html>
<head>
    <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
    <ul>
        <li>
            <a href="#" data-pageindex="1">1</a>
        </li>
        <li>
            <a href="#" data-pageindex="2">2</a>
        </li>
        <li>
            <a href="#" data-pageindex="3">3</a>
        </li>
    </ul>


    <script type="text/javascript">
        $("a:data(pageindex)").click(function (event) {
            event.preventDefault();
            alert('anchor clicked!');
        })
    </script>
</body>
</html>

关于我做错了什么的线索？

Answer 1

尝试在此背景下使用Has attribute selector，

$("a[data-pageindex]").click(function (event) {
     event.preventDefault();
     alert('anchor clicked!');
});

DEMO

Answer 2

没有＆＃34;：数据＆＃34; jQuery中的selector。

http://api.jquery.com/category/selectors/

Answer 3

这不是有效的选择器。而是像这样使用，

$("ul > li").each(function(){
     $(this).find("a").data();
     $(this).click(function(){
          console.log($(this).find("a").data().pageindex);
          // do your stuff
     })
});

这是Demo Fiddle Link

jQuery单击事件：数据选择器

3 个答案:

DEMO