设置正确的onclick函数javascript

Question

我有这个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）。我怎样才能使这个工作？