javascript - Comment lier différents événements à tr dans un tableau en fonction des paramètres-Questions et réponses sur le réseau chinois PHP

communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

javascript - Comment lier différents événements à tr dans un tableau en fonction des paramètres

PHPz 2017-05-16 13:22:03

0

2

671

function update() {
    var container = document.getElementById("ItemContainer");
    container.innerHTML = "";
    for(var i=0;i<this.bookMarkList.length;i++){        
        var name = this.ItemContainer[i].name;
        var tr = document.createElement('tr');              
        var td = document.createElement('td');
        tr.appendChild(td);
        tr.onclick =  function(){add(name);}; 
      container.appendChild(tr);
    }    
}

La même fonction est liée, mais les paramètres passés par chaque tr sont différents. Comment doit-elle être écrite ?
Maintenant, écrivez comme ceci, chaque tr est lié au dernier paramètre attribué.

PHPz

学习是最好的投资！

répondre à tous(2)

过去多啦不再A梦

过去多啦不再A梦2017-05-16 13:24:03 2 plancher

    for(var i=0;i<this.bookMarkList.length;i++){        
        (function(i){
            var name = this.ItemContainer[i].name;
            var tr = document.createElement('tr');              
            var td = document.createElement('td');
            tr.appendChild(td);
            tr.onclick =  function(){add(name);}; 
            container.appendChild(tr);
        })(i)
    }

Comme +0

Ajouter une réponse

Peter_Zhu2017-05-16 13:24:03 1 plancher

// 给你写个demo吧
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<style>

</style>
<body>
<table id="ItemContainer" border="1" width="100"></table>
<script>
    function add (name) {
        alert(name);
    }
    function update() {
        var container = document.getElementById("ItemContainer");
        console.log(container);
        container.innerHTML = "";
        for(let i=0; i<5; i++) {        
            let name = i;
            let tr = document.createElement('tr');              
            let td = document.createElement('td');
            td.innerHTML = i;
            tr.appendChild(td);
            console.log(name)
            tr.onclick = function (){
                return add(name);
            }; 
          container.appendChild(tr);
        }  
    }
    update()  
</script>
</body>
</html>

Comme +0

Ajouter une réponse

Sujets populaires

Plus>

Articles populaires

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal