jquery - jQuery：包装新创建的 html

Question

我即时创建 HTML 片段：

$('<span/>').addClass(spanClass)

是否有 jQuery 方法可以将此代码包装到 jQuery 中<div>？

语义上我想做：

$('<span/>').addClass(spanClass).wrap($('<div/>').addClass(divClass))

那是行不通的。所以我只想遵循jQuery 惯用的版本：

function wrap(what, with) { return $(with).append(what); }

Answer 1

请记住，您的 jQuery 对象仍在引用 new <span>，因此如果您尝试使用链式方法插入它，<div>则不会插入。

要克服这个问题，您需要先遍历新父<div>级。

    // Traverse up to the new parent in order to append the <div> and <span>
$('<span/>').addClass(spanClass).wrap($('<div/>').addClass(divClass))
            .parent().appendTo('body');

你也可以这样写：

$('<span/>').addClass(spanClass).wrap('<div/>')
            .parent().addClass(divClass).appendTo('body');

Answer 2

$('<div/>', {'class': divClass}).append($('<span/>', {'class': spanClass}));

Answer 3

为什么不：

$('<div/>').addClass(divClass).append($('<span/>').addClass(spanClass));

IE首先创建你的div？

Answer 4

试试这个：

$('<span/>').addClass(spanClass).wrap($('<div/>').addClass(divClass).html()); 

或者

$('<div/>').addClass(divClass).append($('<span/>').addClass(spanClass));