Как поместить в объект jquery значение из ввода события изменения? ⇐ Jquery

[Гость]

В $singleDesignWrapper есть входные данные. Мне нужно получить входное значение при изменении и поместить его в содержимое

Что-то похожее на то, что сделано в строке:
$('.sidebar-design-number', $element).text('Design ' + (i+1));

В целом цель следующая:
есть вложенные формы дизайна, и мне нужно динамически заполнять значения в боковой панели из ввода, расположенного в .имя-поля-имя-поля-дизайна . Входные данные не являются прямым дочерним элементом .field-name-field-design-name

Код:

const $singleDesignWrapper = $( ".field--имя-дизайн-поля .field--имя-имя-дизайн-поля" ); $singleDesignWrapper.each(function(i) { console.log($(это)); // Объект, куда мне нужно поместить значение константный $элемент = $('\n' + ' \n' + ' \n' + '
\n' + '

\n' + ' \n' + '

\n' + ' \n' + ''); $('.sidebar-design-number', $element).text('Дизайн ' + (i+1)); $sidebarDesignsWrapper.append($element); });
console.log($(this)); показывает четыре объекта.
console.log($(this).length); равен === 1

Разметка выглядит следующим образом:

// здесь немного html