javascript - 检查重复后使用 insertbefore()

Question

我在 JS 中使用 insertbefore() 函数:

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

但是，当“div.col-lg-9.col-md-9.col-sm-9.col-xs-12”之前已经存在特定的 div div col-lg-3 时，我面临什么问题"之后它总是执行 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);
});