Принудительное закрытие ввода HTML с использованием jQuery или встроенного JavaScript API

Question

Я динамически генерирую некоторые входные данные HTML, используя jQuery, то есть:

var $node = $('<input />')
    .addClass('blabla')
    .attr('type', 'text')
    .attr('readonly', true)
    Etc...

Затем я использую API .NET XML для анализа этого HTML.Проблема в том, что jQuery (или браузер, я не знаю) генерирует закрытый тег ввода.Хотя это действительный HTML5, API .NET XML не может проанализировать его как действительный XML.

Итак, мой вопрос: как я могу заставить jQuery (или браузер) генерировать самозакрывающийся тег ввода?Я имею в виду чисто, не заменяя / вставляя в сгенерированную строку.Спасибо!

Извините, если такой вопрос уже существует, но мне не удалось его найти.

Answer 1

Если вы хотите корректную XHTML-строку вашего документа или его части, вы можете просто использовать XMLSerializer :

console.log(
  (new XMLSerializer)
    .serializeToString(test)
);

<div id="test">
  <input><br><img>
</div>