Нахождение div в текстовой переменной с jQuery

Question

У меня есть текстовая переменная в Javascript. Его зовут text. Он содержит целый документ HTML. Я попытался найти селектор jQuery, который соответствует содержащемуся div с идентификатором "mainContent":

var innerText = text.find('div[id=mainContent]');

К сожалению, это не работает. JavaScript как-то ломается в этой точке. Я также попробовал это с:

var innerText = $(text).find('div[id=mainContent]');

Но это также нарушает поток JavaScript.

У кого-нибудь есть идея?

Answer 1

Если text - строка, то сначала вы должны проанализировать их, вы можете сделать это, используя jQuery.parseHTML().

Демонстрация:

var text = `<div><div id="mainContent">Test Container</div></div>`;
text = $.parseHTML(text);
console.log($(text).find('div#mainContent'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>