我使用jQuery的循環，并且創建了用于創建一些具有值的框的循環。問題是，我創建了盒子，對于這個盒子，我從數組中獲取值，并且對于每個值，我都必須采取行動，例如調用allert。我的代碼：var mokData = [{ category: "Material", id: 'Code0-1', name: 'Brakedown of machine' },{ category: "Material", id: 'Code0-1', name: 'Brakedown of machine' },{ category: "Tool", id: 'Code0-1', name: 'Brakedown of machine' },{ category: "Tool", id: 'Code0-1', name: 'Brakedown of line' },{ category: "Tool", id: 'Code0-1', name: 'Brakedown of machine' },{ category: "Tool", id: 'Code0-1', name: 'Brakedown of line' },{ category: "Tool", id: 'Code0-1', name: 'Brakedown of machine' },{ category: "Tool", id: 'Code0-1', name: 'Brakedown of line' }];$.each(mokData, function (i) {var templateString = '<article class="card"><h2>' + mokData[i].category + '</h2><p>' + mokData[i].name + '</p><p>' + mokData[i].id + '</p><button class="tes">Start</button></article>';    $('#favoriteCards').append(templateString);});$(".tes").on("click", function () {    alert("Click");});.cards {    margin: -1rem;}.card {    width: 220px;    float: left;    margin: 1rem;    border: 1px solid #d3d3d3;    padding: 20px;    border-radius: 5px;    background-color: white;}@supports (display: grid) {    .cards {        margin: 0;    }    .cards {        display: grid;        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));        grid-gap: 1rem;    }}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><main class="cards">    <div id="favoriteCards"></div></main>如您所見，我對按鈕有操作，但是這不正確，因為我希望使用數組中的數據為單獨的按鈕單獨發出警報。