我有一个函数,它获取 document.createElement 的返回值并将其放在屏幕上的弹出窗口中。但是,我希望传递给弹出窗口的这个对象是一个已经创建的 div,这样我就可以轻松地操作弹出窗口的内容。
基本上,我想把这个:
var magicDiv = document.createElement('div');
进入:
var magicDiv = $('#divToBeTurnedIntoElement').html();
在第一种情况下,document.createElement 有一个特定的返回对象。我正在寻找返回与 document.createElement 相同类型的对象的 jQuery 函数。 在这两种情况下,magicDiv 应该是完全相同的对象,但对于 jQuery 版本,它是基于现有的 div 创建的。我怎样才能做到这一点?
最佳答案
我想你要找的是 DOM object . DOM 对象通常由 DOM 选择和创建方法返回,例如 document.createElement
和 document.getElementById
。
一个 jQuery 对象包含一个 DOM 对象列表(或者,实际上,是一个列表)。 jQuery 通过在 jQuery
对象上公开标准化 API,为您省去了直接与 DOM 对象(在浏览器中实现不一致的 API)交互的麻烦。
为了从 jQuery
实例中提取低级 DOM 对象,您可以使用 .get(n)
从 jQuery 对象的 DOM 元素列表中获取第 n 个 DOM 元素:
var magicDiv = $('#divToBeTurnedIntoElement').get(0);
您还可以使用普通数组索引,$('#divToBeTurnedIntoElement')[0]
,它更短一些但灵 active 稍差(例如,它不支持负索引)。
关于javascript - 如何将 jQuery 的 $ ('#foo' ) 转换为由 document.createElement 创建的对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26178837/