在不关闭 div 的情况下添加它们

Question

我想使用 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。

Answer 1

你不能。

尽管它提供了抽象，但 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);

在不关闭 div 的情况下添加它们

Prepend divs without closing them

html

jquery