获取多个div,点击第几个,显示第几个

时间:2021-09-05 11:35:01

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);

});