1

Добавление дочернего элемента с помощью метода .appendChild() происходит успешно:

var divData = document.createElement('div');
$('.element-property__label').parent()[0].appendChild(divData);

Добавление с помошью метода .append():

 var divData = document.createElement('div');
 $('.element-property__label').parent()[0].append(divData);

возвращает ошибку

 Uncaught TypeError: $(...).parent(...)[0].append is not a function(…)
6
  • это не метод js, это метод оболочки ie или фреймворка. Используйте другие ф-ции. Например parent.appendChild
    – nick_n_a
    30 ноя 2016 в 11:42
  • таки надо убрать [0], тогда обращение будет идти к объекту jQuery у которого есть метод append
    – Grundy
    30 ноя 2016 в 11:44
  • @nick_n_a я и использую appendChild() learn.javascript.ru/…, который работает успешно
    – while1pass
    30 ноя 2016 в 11:44
  • Повторю с другой формулировкой. Что б добавить в текущюю ветку возьмите родителя текущей ветки и добавьте туда детей. Хотя как пишет @Grundy будет правильнее)
    – nick_n_a
    30 ноя 2016 в 11:46
  • @Grundy спасибо, в очередной раз помогаете. но только есть вопрос. почему когда я выполняю $('.element-property__label').parent() в консоли браузера у меня возвращает коллекцию из одного элемента? из этих соображений я и взял нулевой элемент
    – while1pass
    30 ноя 2016 в 11:48

1 ответ 1

1

При обращении к объекту jQuery по индексу, например так

$('.element-property__label').parent()[0]

Будет получен конкретный HTMLElement, а не объект jQuery.

При попытке вызвать у него метод append, в некоторых браузерах, например IE будет ошибка говорящая об отсутствии данного метода.

Для того, чтобы вызывать методы объекта jQuery, не нужно получать конкретный элемент из коллекции. Все методы применяются ко всем выбранным элементам.

Поэтому для использования метода jQuery.append достаточно просто убрать обращение по индексу.

$('.element-property__label').parent().append(divData);

в консоли браузера у меня возвращает коллекцию из одного элемента

И это нормально. Интерфейс объекта jQuery унифицирован для работы с внутренней коллекцией. Поэтому не важно сколько именно элементов есть в коллекции и есть ли они вообще.

4
  • "унифицирован для работы с внутренней коллекцией", то есть будет работать с потенциально неограниченной коллекцией? индивидуальная работа с элементом коллекции возможна? или мы должны давать уникальные классы или id, чтобы не раздувать нашу коллекцию?
    – while1pass
    30 ноя 2016 в 11:59
  • @while1pass, честно говоря не понял вопрос. Я имел ввиду, что все методы внутри себя обращаются к коллекции, в которой хранятся выбранные элементы. То есть, если в коллекции один элемент - его не надо выбирать отдельно, метод будет работать как с одним элементом, так и с несколькими
    – Grundy
    30 ноя 2016 в 12:05
  • я спрашивал с тем уклоном, что вдруг окажется, что коллекция огромных размеров, а это замедлит обработку данных.
    – while1pass
    30 ноя 2016 в 12:17
  • 1
    @while1pass, для того, что бы применить функцию к конкретному элементу, его можно получить в виде jQuery объекта с помощью метода eq, То есть на твоем примере это было бы так: $('.element-property__label').parent().eq(0).append(divData);
    – Grundy
    30 ноя 2016 в 12:20

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.