Как получить данные и запустить событие у динамического элемента?

Question

[Xren]

Добрый день.

На странице есть блоки html подгружаемые через ajax. $('#div').html(html);
В этом html есть формы к которым нужно получить доступ. Но $('#html_id1').val(); в данном случае не работает. Как получить доступ к этим элементам?
Так же, в этом html есть поля к которым прикрепляются события $('.radio').live('click', function() {... которые отлично работают и в них я без проблем получаю данные для ajax: $.ajax({ data: $('#html_id1')...
Но запустить запустить это событие кроме как кликом не получается т.е.

$('.radio').trigger('click');
$('.radio').triggerHandler('click');

не работает.

Как получить/изменить значение у динамического элемента? Как запустить событие которые повешено на динамический элемент не осуществляя сам клик?

Comments

[Ао]

Вы не понимаете как это сделать потому что начали писать на jquery, и вместо того чтобы понять как всё устроено вы просто копируете чужое апи :( не понимая всего механизма
Событие на то и событие что оно вызывается после какого то действия пользователя над элементом. Если Вам надо выполнить какой то код без участия пользователя то выберите другой подход, а не имитацию клика. Если вы хотите вешать слушателя на динамически загружаемые элементы делегируйте событие на родительский блок. А лучше вешайте событие на элемент через onclick/onchange ....

<input type="radion" class="radio" onclick="doActionOnClick(event)">
<script>
function doActionOnClick(event){
event.preventDefault();
event.stopPropagation();
let curentTarget = event.target;
// тут делайте что хотите по клику по данному элемента curentTarget 

}
</script>

а выполнить событие которое навешано на динамический элемент вы же тоже хотите после наступление какого либо события так ? После подгрузи этого элемента например? Появления его на странице?
Ну вот и погуглите что то типа наблюдателя за вашей DOM структурой https://developer.mozilla.org/ru/docs/Web/API/Muta... или как вариант на после загрузки динамического контента вызовите функцию которая проверит наличие этого элемента в структуре DOM и вызовет связное с ним событие.... Просто подумайте немного

Answer 1

[ThunderCat]

Но $('#html_id1').val(); в данном случае не работает. Как получить доступ к этим элементам?

$('#div').find('#html_id1').val();

Как запустить событие которые повешено на динамический элемент не осуществляя сам клик?

$(documnt).find( '.radio', function({
   $(this).trigger('click');
}))