如何使用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)