在div中创建div的正确方法是什么?

时间:2011-06-30 06:20:56

标签: jquery jquery-plugins internet-explorer-9

似乎Angle Brackets Are Not Allowed in the createElement Method对插件有一些影响。

我没有插件,也没有IE9,但是对于我自己的教育,在jQuery 1.6 +中编写以下两行的正确方法是什么

$('<div id="'+options.loupeWrap.substring(1)+'"><div id="'+options.loupe.substring(1)+'" /></div>').appendTo(options.appendTo);
$('<div id="'+options.zoomWrapper.substring(1)+'" />').appendTo(options.loupe);
例如,我见过 $('<div class="bla"></div>')但不是$('<div id="bla"></div>')并且很好奇如何干净地创建一个带有ID的div并使用最佳实践jQuery将其链接到另一个具有ID的div而不仅仅是某些东西这是有效的,因为jQuery非常聪明。

我还查看了wrap

This SEEMS to be valid and correct

是吗?

$('<div>')
  .attr('id',outerID)
  .append(
    $('<div>')
    .attr('id',innerID)
  )
  .appendTo(options.appendTo);

感谢您的意见。

2 个答案:

答案 0 :(得分:11)

这就是我用jQuery做的方式:

$('<div>', { 
    id: 'outsidediv'
}).append( $('<div>', { 
    id: 'innerdiv'
})).appendTo('#container');

示例:JsFiddle Demo *该示例显示了如何将html添加到div

答案 1 :(得分:1)

HTML:

<div id="myelement">My Element Content</div>

JS:

$( '<div id="outer">Outer Div Content<div id="inner">Inner Div Content</div></div>' ).appendTo( '#myelement' );

那么问题是什么? http://jsfiddle.net/657nG/1/