在Jquery中添加DOM时读取HTML

Question

虽然阅读时碰巧看到了这段代码。 ajax调用的响应就像这样的简单html：

<div id="connectionId">123444</div>

令他惊讶的是，他们能够检索到这样的值：

$('<div id="connectionId">123444</div>').text() // output 123444

我的印象是，如果将jQuery添加到DOM中，jQuery只能读取这些值。

有人可以分享一下这种行为。我在这里理解错了什么？

注意：它没有在DOM中创建div元素。

Answer 1

不需要在DOM上拥有该元素。

通过简单地调用这个$("<div class="connectionId">123444</div>").html()你将得到123444，但如果你将html元素包装成像$("<div><div class="connectionId">123444</div></div>").html()输出的父元素将是<div class="connectionId">123444</div>。

您还可以使用find函数获得所需的元素。 https://jsfiddle.net/4vamrve7/1/