Я пытаюсь получить 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()
без какого-либо результата. Как я могу получить эту информацию?
не 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 );
});
});