HTML-код элемента не обновляется

Я пытаюсь получить HTML-код элемента, как он есть, нажав кнопку. Я поместил пример фрагмента

$( () => {
  $( document ).on('click', 'button', function(){
    const html = $('div').html();
    console.log( html );
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
  <input type="text">
  <button>Guardar</button>
</div>

Если я напишу что-то во входных данных, например Hello World ] щелкнув, я бы ожидал HTML следующим образом

<div>
  <input type="text" value="Hola Mundo">
  <button>Guardar</button>
</div>

Поскольку предполагается, что DOM изменился при добавлении текста к входным данным, однако он все еще остается неизменным. Я искал изменения в различных индексах селектора, однако ни один не имеет обновления, я смотрел в

$('div')[0].outerHTML
$('div')[0].innerHTML
$('div').clone().html()
$('div').html()

без какого-либо результата. Как я могу получить эту информацию?

1
задан 03.12.2019, 17:28
1 ответ

не sГЁ, если хорошо делать это. Но в funciГіn первый pondrГ-эксперт стоимость в признак оцените такие как следующее.

 $( () => {
  $( document ).on('click', 'button', function(){
    //colocamos el valor como attributo
    $('input').attr('value',$('input').val());
    //luego mostramos
    const html = $('div').html();
    console.log( html );
  });
});
0
ответ дан 03.12.2019, 18:20