javascript - ループ内の i に応じて関数内のパラメーターを変更する

Question

getProjectssexy(1) を各要素の i 番号 (tmpArray.length に依存) に変更するには、getProjectssexy(0)、getProjectssexy(1) などが必要です。

  $('allarray', data).each(function(){
            tmpArray = $('array', this).toArray();
                var table = document.getElementById("tleft");
                table.innerHTML = "";
                for(i =0; i<tmpArray.length; i++) {
                    table.innerHTML += "<div class='two'>" +
                    "<a href='#' onclick='getProjectssexy(1 - need to change i for every loop)'>" +
                    tmpArray[i].getAttribute("id") + "</a>" +"</div>" + "</br>";
                }
            });

Answer 1

その根本的な解決策は

$('allarray', data).each(function(){
            tmpArray = $('array', this).toArray();
                var table = document.getElementById("tleft");
                table.innerHTML = "";
                for(i =0; i<tmpArray.length; i++) {
                    table.innerHTML += "<div class='two'>" +
                    "<a href='#' onclick='getProjectssexy("+i+")'>" +
                    tmpArray[i].getAttribute("id") + "</a>" +"</div>" + "</br>";
                }
            });

Answer 2

要素のどこかに保存する必要があります。html5 data-*属性を使用して保存し、 jQuery .data()を使用して取得できます。

$('allarray', data).each(function(){
        tmpArray = $('array', this).toArray();
            var table = document.getElementById("tleft");
            table.innerHTML = "";
            for(i =0; i<tmpArray.length; i++) {
                table.innerHTML += "<div class='two'>" +
                "<a href='#' data-i='" + i + "' onclick='getProjectssexy(this)'>" +
                tmpArray[i].getAttribute("id") + "</a>" +"</div>" + "</br>";
            }
        });

function getProjectssexy(elem) {
    var i = $(elem).data('i');
    ....
}