javascript - 无法使用选择器包装 jQuery 对象

Question

<div id="foo"></div>
<script type="text/javascript">
  $('<p>Hi Mom</p>').wrap('#foo');
</script>

演示:http://jsfiddle.net/6uWP8/

我的目的是将新创建的 HTML 放入 #foo 中(并保留对该新创建的 HTML 的引用以供进一步调用)。 documentation for $.fn.wrap()似乎告诉我，我应该能够传递一个选择器作为参数。但最终的结果是文档没有改变。

wrap() 到底在做什么？如何将新的 HTML 注入(inject)到页面中，同时保留对链式调用的引用？ (提示:我是说 $('#foo').html(…) 不是一个解决方案。)

Answer 1

您正在包装 $('<p>Hi Mom</p>')在 div #foo 中，因为被包装的元素不在 dom 中，所以你不会看到它。发生的情况是 #foo 的副本被制作并包裹在片段上，

$('<p>Hi Mom</p>').wrap('#foo').parent().prop('id')

会给你foo .
我想您正在期待 <p>Hi Mom</p>放置在 #foo 内这将是一个插入而不是一个包装。

http://jsfiddle.net/6uWP8/1/