Question

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>css demo</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
    $(document).ready(function(){       
        $('button').on('click', function(){
            console.log("Day button clicked");
        })
    });
</script>
</head>
<body>
    <h1> My WebSite</h1>
    <div>
        <button data-file="day">Day</button>
        <button data-file2="night">Night</button>
    </div>
</body>
</html>

我刚刚开始学习jQuery，所以请原谅我，我的问题是模糊的或没有足够的课程。无论如何，我可以在不使用 ID 或 Class 属性的情况下实现白天和黑夜按钮的单独点击。

我想知道我们是否可以实现收集数据文件属性[使用attr或数据属性]的点击次数。

Answer 1

定位两个不同的数据属性：

$(document).ready(function(){       
    $('button[data-file]').on('click', function(){ // or [data-file="day"] to be
        console.log("Day button clicked");         // even more specific
    });

    $('button[data-file2]').on('click', function(){
        console.log("Night button clicked");
    })
});

在不使用class或id属性的情况下向按钮添加事件侦听器？

1 个答案: