HierarchyRequestError: DOM Exception 3 при попытке вставить перед

Question

При попытке вставить опцию с insertbefore, я получаю эту ошибку. Uncaught Ошибка: 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/