Как применить функцию к динамически добавленному элементу?

Question

[sportik174]

Привет всем кто читает!
Суть вопроса:
Есть div в который предположительно методом append вставляется форма
Как мне применить функцию к input в этой форме? Например функцию val() для получения значения инпута.

Реализация желательно на Jquery

Спасибо!

Comments

[Lord_Dantes]

Ну вам нужно сначала делать append, а потом после append инициировать вашу функцию как раз которая нужна.

[sportik174]

slave, Дело в том что я не в курсе как именно происходит добавление элемента. Дорабатываю чужой код

[sportik174]

slave, Сайт сделан на 1С Битрикс. Я думаю это плагин

[Lord_Dantes]

sportik174, добавление элемента происходит по вашему рассказу:

Есть div в который предположительно методом append вставляется форма

[Lord_Dantes]

sportik174, на 1С, а......
удачи

[sportik174]

slave, Я кроме append не знаю больше методов динамического добавления элементов

[Lord_Dantes]

sportik174, причем тут это. Вы спрашиваете как применить функцию к УЖЕ добавленному элементу. Я вам ответил

[sportik174]

slave, Я и так уже весь интернет перерыл)

[Lord_Dantes]

sportik174, вы не перерыли даже 5 процентов русских источников раз вы здесь. Поверьте уж я точно знаю, человек который перерыл весь интернет даже не задумывался о том чтобы загуглить свою ошибку на английском, а? Как вам такой вариант решения

[Andrew]

Как мне применить функцию к input в этой форме?

Когда вы хотите применить эту функцию?(по какому событию)

[sportik174]

Andrew, Например по событию click() по кнопке, которая в этой-же форме находится

[sportik174]

Andrew, То есть суть в том, чтобы заполнить поля, а затем взять данные с форм и отправить по ajax

[sportik174]

Andrew, Вся проблема это обратиться к элементам которых изначально нет в разметке

[Andrew]

sportik174, как-то поля этой формы или сама форма выделяются ? (класс, id)

[sportik174]

Andrew, можно по классу можно по атрибуту name например

[Алексей Боженов]

Попробуйте так
$form = $(html_to_append);
$form.on(events ...);

div.append($form);

Answer 1

[Andrew]

Читайте про делегирование

$(document).on('click','.random-button',function(){
$('.custom-div').html($(this).closest('form').find('#random-input').val());
});

Comments

[sportik174]

Супер! Спасибо! Это то что нужно!