在不关闭div的情况下预先添加div

时间:2015-01-06 16:13:44

标签: jquery html

我想使用Jquery在div中添加以下内容:

<div class="section map-wrapper">
    <div class="wrapper section group inner-map-wrapper">
        <div class="col span_12_of_12">

要做到这一点,我使用以下Jquery:

// prepend a 'previous' button to all form-rows except the first    
$('<div class="section map-wrapper">').prependTo($('.mpfy-tags-list'));
$('<div class="wrapper section group inner-map-wrapper">').prependTo($('.map-wrapper'));
$('<div class="col span_12_of_12">').prependTo($('.inner-map-wrapper'));

问题在于它关闭了每个div,我不希望它这样做。我怎样才能完全按照原样在顶部添加html?然后我会在稍后追加结束的div。

1 个答案:

答案 0 :(得分:4)

你不能。

尽管它提供了抽象,但jQuery不能在HTML上运行,它在DOM上运行(没有开始标记,没有结束标记,只有元素)。

构建您想要添加的DOM,然后将其添加到前面。

var $wrapper = $('<div class="section map-wrapper">');
var $inner = $('<div class="wrapper section group inner-map-wrapper">')
var $col = $('<div class="col span_12_of_12">');
$inner.prepend($col);
$wrapper.prepend($inner);
$('.mpfy-tags-list').prepend($wrapper);