Работает ли $() в Internet Explorer по-другому?

Question

Я бегу следующий JavaScript как в Firefox Developer Edition 38 и Internet Explorer 8 и 9.

console.log('+++++++++++++++++++++++++++++++'); 
console.log('jquery version = ' + $.fn.jquery); 
var myHtmlString = "<!-- my comment -->" + 
         "<optgroup label='my label'>" + 
         "<option value='1'>option one</option>" + 
         "</optgroup>"; 

console.log($(myHtmlString)); 
console.log($(myHtmlString)[0]); 
console.log($(myHtmlString)[1]); 
console.log($(myHtmlString).length); 

В Firefox, я получаю:

В IE, я получаю:

Так, очевидно, в Firefox комментарий HTML i s добавляется как элемент этого объекта, но в IE это не так. Почему это ведет себя так, есть ли ошибка, или есть ли другой способ создать этот объект?

ПРИМЕЧАНИЕ: Я пробовал $.parseHTML(myHtmlString), но он делает то же самое.

ОБНОВЛЕНИЕ: Этот ответ How does jQuery treat comment elements? обеспечивает возможное обходное решение.

Answer 1

Так это зависит от используемого браузера, но так как вы передаете в более чем 1 просто помечать, (в качестве примера $('<div>example html creation</div>')) JQuery позволяет браузера обрабатывать создание.

Если HTML является более сложным, чем один тег без атрибутов, как в приведенном выше примере, фактического создания элементов обрабатываются .innerHTML механизма браузера. В большинстве случаев, JQuery создает новый элемент и устанавливает свойство innerHTML элемента в HTML-фрагмент, который был передан в.

jQuery documentation

Firefox, например, просматривает каждый из ваших < > областей , и он находит 2. Хотя IE не заботится и обрабатывает все как 1 (отсюда длина 1).

Короткий рассказ, вы делаете это хорошо. Это только внутренне, как браузер обрабатывает его, вам не нужно беспокоиться об этом!