美文网首页
获取多个div,点击第几个,显示第几个的实现方法

获取多个div,点击第几个,显示第几个的实现方法

作者: DaveWeiYong | 来源:发表于2017-02-28 18:59 被阅读0次

(http://www.cnblogs.com/chenhongcai/p/5778038.html)
1.闭包:函数内部又定义了一个函数,内部函数引用外部函数的变量,就构成了闭包.
<script type="text/javascript">
var divs = document.getElementsByTagName("div");
for (var i = 0; i < divs.length; i++) {
(function (i) {
divs[i].onclick = function () {
console.log(i+1)
}
})(i)
}
2.jQuery方法
$('div').each(function (e) {
$(this).click(function () {
console.log(e+1);
//console.log($(this).index() + 1);
});
});

第二种
$('div').on('click',function (e) {
console.log($(this).index() + 1);
});

相关文章

网友评论

      本文标题:获取多个div,点击第几个,显示第几个的实现方法

      本文链接:https://www.haomeiwen.com/subject/ecqfgttx.html