jquery - 层次结构请求错误: DOM Exception 3 when trying to insertbefore

Question

尝试使用 insertbefore 插入选项时，出现此错误。 Uncaught Error :HierarchyRequestError:DOM 异常 3

var target = $('#divA option:selected').prev().first();
    var options = $('#divA option:selected');
    if (options.prev().text() == target.text()) {
        return;
    }
    options.insertBefore(target);

如果options.length > 2就会出现这个错误，如果是1或者2就没有问题。当多项选择到达顶部时，所有选定的项目将消失。问题是什么？你能帮我吗？

样本:http://jsfiddle.net/tHVsw/

Answer 1

当不允许将元素插入到 DOM 中的特定点时，会抛出此错误(即。不可能)，您可以使用 if 语句来检查是否可以插入。

if ( !target.prev().length ) 
    target.parent().prepend(options);
else 
    target.before(options);

如果目标元素的前一个同级元素的length为0，则将该元素添加到父元素之前，否则将其插入到目标元素之前。

http://jsfiddle.net/fKx68/