Получение информации из HTML, заданной в переменной в Javascript

Question

У меня есть что-то вроде этого:

function (foo) {

}

Foo содержит немного HTML. Например:

<div>
    <div>
      <div class="myclass>
        <div> 
          Hello World
        </div>
      </div>
    </div>
</div>

Мне нужно каким-то образом извлечь эту информацию из переменной.

Я пробовал:

function (foo) {
    $('.myclass > script').text()
}

Мне, вероятно, нужен какой-то способ выбора foo. Любая помощь?

Answer 1

Если вы хотите сделать это в jQuery, вам нужно преобразовать строку HTML, хранящуюся в foo, в объект jQuery, который вы можете запросить с помощью методов jQuery, чтобы получить данные, которые вы нужно. Например:

function getText(foo) {
  return $(foo).find('.myclass').text();
}

let input = '<div><div><div class="myclass"><div> Hello World</div></div></div></div>';
console.log(getText(input));

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