Я пытаюсь разобрать этот html через jQuery, чтобы получить data1, data2, data3. Пока я получаю data2 и data3, я не могу получить data3 с моим подходом. Я новичок в jQuery, поэтому, пожалуйста, простите мое невежество.
<html>
<body>
<div class="class0">
<h4>data1</h4>
<p class="class1">data2</p>
<div id="mydivid"><p>data3</p></div>
</div>
</body>
</html>
Вот как я называю это в своем jquery.
var datahtml = "<html><body><div class=\"class0\"><h4>data1</h4><p class=\"class1\">data2</p><div id=\"mydivid\"><p>data3</p></div></div></body></html>";
alert($(datahtml).find(".class0").text()); // Doesn't Work
alert($(datahtml).find(".class1").text()); // work
alert($(datahtml).find("#mydivid").text()); // work
Только alert($(datahtml).find(".class0").text());
не работает, остальные работают как ожидалось. Мне интересно, может быть, потому, что class0 имеет несколько тегов внутри него или что? Как получить данные1 в таком сценарии?