jQuery:使用insertAfter方法在div标签内创建p标签

时间:2013-06-17 17:08:33

标签: javascript jquery

我想通过insertAfter方法

在其中创建一个带有p标签的div标签

所以现在我的代码是

$('<p></p>', {
  'width': '110',
  'height': '110',
}).insertAfter($(this));

输出现在就像这样

<p style="width:110px;height:110px;"></p>

如何使输出像一样,而不重复insertAfter方法

<div id="wrapP"><p style="width:110px;height:110px;"></p></div>

谢谢

2 个答案:

答案 0 :(得分:2)

$('<p></p>', {
  'width': '110',
  'height': '110',
}).insertAfter($(this)).wrap('<div id="wrapP"></div>');

演示--> http://jsfiddle.net/PCQrP/3/

答案 1 :(得分:1)

我的方法需要先创建父元素,然后附加子元素:

$('<div id="wrapP" />').append($('<p></p>', {
  'width': '110',
  'height': '110',
})).insertAfter('body');

http://jsfiddle.net/dvz7M/