Переменные JS в jQuery ⇐ Jquery

[Anonymous]

У меня есть код jQuery, и мне нужно повторить его 4 раза с изменением индекса.
Поэтому я использовал цикл for из JS и внутри получил код jQuery.
Я использую правильный способ передачи переменных из JS в jQuery?
Он должен выбирать элементы .info-btn родительских элементов: #info-box-pr-1, #info-box-pr-2, ...
jQuery(document).ready(function() {
for (let i = 1; i < 5; i++) {
jQuery("#info-box-pr-" + i + ".less-info-box .info-btn").click(function() {
jQuery("#info-box-pr-" + i + ".more-info-box").css("display", "block");
});

jQuery("#info-box-pr-" + i + ".more-info-box .info-btn").click(function() {
jQuery("#info-box-pr-" + i + ".more-info-box").css("display", "none");
});
}
});


Подробнее здесь: https://stackoverflow.com/questions/690 ... -in-jquery