Как правильно создать div внутри div? - PullRequest
8 голосов
/ 30 июня 2011

Кажется Угловые скобки не допускаются в методе createElement оказывает некоторое влияние на плагины.

У меня нет ни плагина, ни 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>'), и мне любопытно, как чисто создать div с помощьюИдентифицируйте и соедините его с другим div с помощью идентификатора, используя наилучшую возможную практику jQuery, а не просто что-то, что работает, потому что jQuery очень умный.

Я также извлек wrap

Это выглядит как действительный и правильный

Это?

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

Спасибо за ваш вклад.

Ответы [ 2 ]

11 голосов
/ 01 июля 2011

Вот как я это сделал с jQuery:

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

Пример: JsFiddle Demo * В примере показано, как вы можете добавить html в div

1 голос
/ 30 июня 2011

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/

...