javascript - 如何使用 jquery 将字符串转换为 HTMLElement？

Question

我想知道如何将字符串转换为 HTMLElement ？

我试过了：

$('<i data-icon="'+icon+'" class="smiley-big"></i>')

但在控制台中它显示类型：[object Object] 如果我在 Dom 中记录现有的元素，如下所示：

$('[class^="smiley"]').each(function(){
     console.log(this);
});

我得到 [对象 HTMLElement]

谢谢你的帮助

Answer 1

因为 jQuery 对象是一个类似数组的对象，其中包含所有选定的元素。在这种情况下，它只包含一个元素，那就是您刚刚创建的那个。因此，我们可以通过索引 0 访问它：

var newI = $('<i data-icon="'+icon+'" class="smiley-big"></i>')[0];

在 的情况下each，它遍历对象并返回this函数中的每个项目，在您的情况下，它是您新创建的 HTML 元素。

Answer 2

$('<i data-icon="'+icon+'" class="smiley-big"></i>').get(0)