는 프로그래밍 자바 스크립트

에 고유 개체 ID를 설정

<div id='show_test'></div>

그리고 페이지에서

var matches = [{ 
    "category_name": "category_1", 
    "stock_name": "stock_1", 
    "supplier_stock": "supplier_stock_1" 
}, { 
    "category_name": "category_2", 
    "stock_name": "stock_2", 
    "supplier_stock": "supplier_stock_2" 
}, { 
    "category_name": "category_3", 
    "stock_name": "stock_3", 
    "supplier_stock": "supplier_stock_3" 
}, { 
    "category_name": "category_4", 
    "stock_name": "stock_4", 
    "supplier_stock": "supplier_stock_4" 
}]; 
matches.forEach(function(i, item) { 
    var arrayDt = []; 
    arrayDt[i, item] = { 
     "category_name": this.category_name, 
     "stock_name": this.stock_name, 
     "supplier_stock": this.supplier_stock 
    }; 
    document.getElementById("show_test").innerHTML += "<div><a id='bt_" + item + "'>click</a></div>"; 

    document.getElementById("bt_" + item).onclick = function() { 
     show_data(i); 
    } 

    console.log(document.getElementById("bt_" + item)); 
    console.log(i); 

}); 

function show_data(data) { 
    alert(JSON.stringify(data)); 
}

다음 코드는, 때 마지막 링크, 스크립트 기능을 클릭해야 예상대로 첫 번째 링크가 3이 아닌 이유는 무엇입니까?

https://jsfiddle.net/a35wL5ht/

출처

2016-10-07 Aleksandar

에 오신 것을 환영과

document.getElementById("show_test").innerHTML += '<div><a href="#" id="bt_' + item + '">click</a></div>';

! 이것이 유용한 질문이되기 위해서는 다른 사람들이 묻는 질문에보다 폭넓게 적용 할 수 있어야합니다. [좋은 질문을하는 법] (http://stackoverflow.com/help/)의 지침을 확인하십시오. how-to-ask). 당신이 사용한 다른 리소스와 이것으로 무엇을하기를 희망하고 있는지 보여주십시오. 우리는 코딩 서비스가 아닌 커뮤니티입니다! – emunsing

향상된 서식, 질문 명확성. –

교체에 StackOverflow에

var el = document.createElement("div"); 
var a = document.createElement("a"); 
a.innerHTML = "click"; 
a.id = "bt_" + item; 
el.appendChild(a); 
document.getElementById("show_test").appendChild(el);

출처

2016-10-07 20:52:16 Benjamin

대단히 고맙습니다. – Aleksandar

는 프로그래밍 자바 스크립트

답변

관련 문제