Question

我有一个大型网站，其中每个网页都包含一个标识为#google_map_vc_box 的Google地图。我想知道我是否可以使用JS或jQuery插入新的div以及之前包含的整个网站上#google_map_vc_box的特定div 。

最近的尝试，但没有雪茄（也似乎是一个非常丑陋/笨重的解决方案）

var $container = $('#google_map_vc_box'),
    $d = $container.find('div');

var $n = $('<div>', {
    data: {
        id: new
    },
    text: sup
});

var $a = $d.filter(function () {
    return $(this).data('id') < new;
}).first();

if ($a.length) $a.after($n)
else $container.prepend($n);

Answer 1

要使用$n，新创建的<div>，请在对您的问题的评论中进行说明，并在#google_map_vc_box元素前插入该元素：

$n.insertBefore('#google_map_vc_box');

JS Fiddle demo

或者：

$('#google_map_vc_box').before($n);

JS Fiddle demo

而且，使用简单的JavaScript，并不难：

var $n = document.createElement('div');
$n.id = 'new'; // remember to quote this value, unless it's a variable
var googleBox = document.getElementById('google_map_vc_box');

googleBox.parentNode.insertBefore($n, googleBox);

JS Fiddle demo

甚至：

var googleBox = document.getElementById('google_map_vc_box');

googleBox.insertAdjacentHTML('beforebegin', '<div id="new"></div>');

JS Fiddle demo

参考文献：

JavaScript的：
- Node.insertAdjacentHTML()。
- Node.insertBefore()。
jQuery的：
- before()。
- insertBefore()。

插入/添加新div与内容填充特定div之前

1 个答案: