применение html метода jquery к jquery объекту

Question

Я пытаюсь изменить внутренний html элемента. Если мы используем это:

$('.best-photos-button')[0].innerHTML="Add More Photos";

, он работает нормально. Но если вместо «.inner HTML», то есть JavaScript, если мы используем. html (), например:

$('.best-photos-button').html("Add More Photos");

, то это не работает. Почему так? Когда я запускаю на консоли $ ('. Best-photos-button'). Inner HTML, это дает неопределенное значение.

Answer 1

$('.best-photos-button') является jQuery объектом. Когда вы используете $('.best-photos-button')[0], он вернет необработанный элемент DOM, у которого нет метода .html(), только .innerHtml.

Так что вам нужно либо использовать

$('.best-photos-button').html("Add More Photos"); 

или используйте .innerHtml

Редактировать: обратите внимание, что если вы используете .html(), это повлияет на все элементы класса best-photos-button. Поэтому, в зависимости от вашего варианта использования, вам может понадобиться использовать другой селектор или отфильтровать выбор, чтобы получить указанный c нужный вам объект.