我有这个for循环用于使用JQuery填充html div:
for (i = 0; i < count; i++) {
//console.log(condizioniList[i]);
var $pendenzaHTML = $("<div class='row no-gutter rigaPagamenti' id=''> <div class='col-10 checkbox-container'> <label class='label-checkbox item-content'> <input type='checkbox' name='my-checkbox' class='checkbox' value=''> <div class='item-media'> <i class='icon icon-form-checkbox'></i></div></label></div> <div class='col-80' id=''><p class='titoloPendenza'></p><p class='scadenza'></p><p class='importo'></p></div></div>");
$pendenzaHTML.prop("id", "pendenza"+i);
$pendenzaHTML.find(".col-80").prop("id", "colItem"+i);
$pendenzaHTML.find(".col-80 > .titoloPendenza").text(condizioniList[i].descrTributo);
$pendenzaHTML.find(".col-80 > .scadenza").text("Scadenza: " + condizioniList[i].scadenza);
$pendenzaHTML.find(".col-80 > .importo").text(condizioniList[i].importo +"€");
$( "#lista-pendenze" ).append($pendenzaHTML);
$("#colItem"+i).on("click", function(){
console.log('.picker-' + i);
myApp.pickerModal('.picker-' + i);
$(this).parent().css("background-color","#969696");
$(".col-80").not(this).parent().css("background-color","#bfbfbf");
//console.log('.picker-'+ condizioniList[i].pickerNumber);
});
}
}
我想为每个具有不同ID的项目设置不同的点击事件,如下所示:#colItem0 onclick将打开带有类.picker-0的模态,#colItem1将打开.picker-1等等。这样所有div都会打开.picker-3(count = 3)。我怎样才能使这个工作?