示例
下例演示了返回每个<p>元素的on()方法传递的数据:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
//此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
$("p").each(function(i){
$(this).on("click", {x:i}, function(event){
alert("这个是index索引" + $(this).index() + "。段落的data数据是: " + event.data.x);
});
});
});
</script>
</head>
<body>
//点击每一个 p 元素返回数据,通过 on() 方法来实现
<p>段落11111</p>
<p>段落22222</p>
<p>段落33333</p>
</body>
</html>
尝试一下