.click () для элемента с динамическим именем

Question

Я не уверен в терминологии, используемой в jquery, но у меня есть эта функция:

$(function () {
    // open file explorer window
    $(".js-upload-photos").click(function () {
        // get the id of button
        var button_id = $(this).attr('id');
        // use this id to call correct fileupload input
        var fileupload = ("#fileupload").concat(button_id)
        $(fileupload).click();
    });

Когда моя кнопка нажата, я получаю прикрепленный к ней id, затем вызываю соответствующий скрытый input элемент.

Мне нужно, чтобы мой $(...).click(); был динамическим c, так как у меня на моей странице есть много одинаковых пар кнопок / ввода для загрузки множества разных файлов.

Моя текущая реализация не работает.

PS - Я считаю, что мне нужен метод on(), но мои попытки не увенчались успехом.

Спасибо.

Answer 1

Вы просто пытаетесь связать идентификатор с идентификатором загрузки файла?

$("#fileupload" + this.id).click();

Если элементы добавляются динамически и вы можете использовать .on почти таким же образом:

$(".js-upload-photos").on('click', function(){
   $("#fileupload" + this.id).click();
});