Question

我正在使用jQuery创建所有HTML元素，我正在尝试使用div#wrapDivTag封装父$.fn.wrap，但它对我不起作用：

jQuery的：

var wrapDivTag = $("<div class='wrapDivTag'></div>");
var actionName = $("<span>text1</span>");
var text = $("<div>Text2</div>")
var ddl = $("<select>Text2</select>")

$("#addconfigurations").append(actionName, text, ddl);

HTML输出：

<span>text1<span>
<div>text2<div>
<select>options</select>

已过滤的输出：

HTML元素应位于div#wrapDivTag标记下。

Answer 1

试试这个：

var wrapDivTag = $("<div class='wrapDivTag'></div>");

var actionName = $("<span>text1</span>");
var text = $("<div>Text2</div>")
var ddl = $("<select>Text2</select>");

wrapDivTag.append(actionName, text,ddl); // append all element to #wrapDivTag

$("#addconfigurations").append(wrapDivTag); // append wrap div to target

Answer 2

您可以使用wrapAll方法：

$("#addconfigurations").append(actionName, text, ddl).children().wrapAll(wrapDivTag);

使用appendTo的反转版本：

wrapDivTag.append(actionName, text, ddl).appendTo("#addconfigurations");

使用jQuery $ .fn.wrap添加父标签

2 个答案: