javascript - JQuery 创建 HTML 对象

Question

如果我查看 JQuery 文档 @ http://api.jquery.com/jQuery/#jQuery2 , 它说

...If a string is passed as the parameter to $(), jQuery examines the string to see if it looks like HTML ...

但是，如果我希望这种行为一直发生怎么办？我将变量传递给 $() ，我总是希望将变量解释为 HTML，而不是选择器。

一种方法是用 <span> 包装变量标记，我不想向树中添加不必要的 DOM。

Answer 1

变量将被解释为其引用的值。因此，如果您的变量包含 "<span>" ，你会得到一个 span元素返回。

var tag = "<span>";

var $span = $( tag ); // returns a new span DOM element wrapped in a jQuery object

或者如果您的意思是变量将仅包含标签名称 "span" , 然后连接括号。

var tag = "span";

var $span = $( "<" + tag + ">" );

---

编辑: jQuery 允许您以这种方式创建 DOM 元素。如果您想创建文本节点之类的其他内容，您可以按照建议使用容器，但不需要将其添加到 DOM。

var txt = "this will be a text node";

var textNode = $( "<span>", {text: txt} ).contents();

如果您附加 textNode到 DOM，您将只会获得跨度的内容。