闭包

点击各<li>,alert index,不使用属性,不使用let(使用closure)

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<ul id="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
<script type="text/javascript">

 var ul = document.querySelectorAll('li');

 for (var i = ul.length - 1; i >= 0; i--) {

    (function(i){
        ul[i].onclick = function(){
            alert(i+1);
        }
    })(i)

 }



</script>
</body>
</html>

results matching ""

    No results matching ""