Как динамически добавить новый объект используя jQuery объект?

Question

[vohaha]

Почему не добавляет новый объект если использовать такой код:

var errorSpan = document.createElement('span');
				errorSpan.textContent = "Поле заполнено не правильно";
				errorSpan.setAttribute('class', 'notFill LV_validation_message LV_invalid');
$('div').appendChild(errorSpan);

Ошибка: Uncaught TypeError: undefined is not a function

Comments

[vohaha]

Нужно находить определенного вышестоящего родителя, для этого. это плохой тон смешивать чистый js и jQuery? Или что вы подразумеваете под "непонятно"?

Answer 1

[Илья Шатохин]

Метод appendChild используется узлами DOM, в данном случае надо
$('div')[0].appendChild(errorSpan);
Но тогда неясен смысл использования jquery, эффективней было бы сделать

document.getElementsByTagName("div")[0].appendChild(errorSpan);

api.jquery.com/append
https://developer.mozilla.org/ru/docs/Web/API/Node...

Советую, изучите азы работы jquery, тогда таких вопросов не будет.

Answer 2

[Михаил Тихонин]

$('div').append($(errorSpan));
А лучше сразу через jQuery создавать, а не через document.createElement

Comments

[Илья Шатохин]

Этот код все равно упадет с ошибкой.

[Михаил Тихонин]

Илья Шатохин: Верно. Нужно использовать append, а не appendChild, не обратил на это внимание.

[Илья Шатохин]

phpclimber: исправьте решение, чтобы люди бездумно не копировали ошибку. И добавляемый элемент не нужно оборачивать в $(), jquery отлично работает с нативными нодами.

[Михаил Тихонин]

Илья Шатохин: appendChild исправил, а $() пожалуй оставлю. В какой-то версии jquery у меня были с этим проблемы и в любом случае ошибкой это не будет.

Answer 3

[Roman Zhak]

Надо начать с того, что . appendChild - это нативный метод, а не метод объекта-jQuery