检查重复项后使用insertbefore（）

Question

我在JS中使用insertbefore（）函数：

$('<div class="col-lg-3" ></div>').insertBefore("div.col-lg-9.col-md-9.col-sm-9.col-xs-12");

但是，在＆＃34; div.col-lg-9.col-md-9.col-sm-9.col-之前已经存在特定的div div col-lg-3时，我面临的问题是什么？ XS-12＆＃34;之后它总是执行insertbefore。

我想检查重复项，如果已经在同一个div之前存在，那么请避免在页面上的那个条件下插入。

Answer 1

您可以使用 each() 循环并使用 prev() 功能获取之前的元素并检查它是否为div.col-lg-3使用 is() 。

$("div.col-lg-9.col-md-9.col-sm-9.col-xs-12").each(function(){
    if( !$(this).prev().is("div.col-lg-3") )
        $('<div class="col-lg-3" ></div>').insertBefore(this);
});