jquery добавить текст в div

Я хочу добавить текст в существующий div, когда я нажимаю кнопку с id #add. Но это не работает.

Надеюсь, ты поможешь мне.

Вам нужно определить текст кнопки и иметь действительный HTML для кнопки. Я также предложил бы использовать .on для обработчика нажатия кнопки

Также я хотел бы убедиться, что jquery находится в нижней части страницы перед закрывающим тегом

Возвращает или изменяет текстовое содержимое выбранных элементов.

Содержание

  1. version added: 1.0 .text()
  2. version added: 1.0 .text( textString )
  3. version added: 1.4 .text( function(index, text) )
  4. 5 ответов 5

version added: 1.0 .text()

Получает текст выбранного элемента в наборе. Если таких элементов несколько, получит содержимое всех элементов, разделенные пробелом

version added: 1.0 .text( textString )

Получает текст выбранного элемента в наборе. Если таких элементов несколько, получит содержимое всех элементов, разделенные пробелом

version added: 1.4 .text( function(index, text) )

Заменяет содержимое каждого выбранного элемента в наборе на возвращенное функцией function текст. Функция вызывается, для каждого из выбранных элементов. Параметры функции:
index — позиция элемента в наборе,
value — текущей текст элемента.

Пример 1. Получим текстовое-содержимое элемента div:

HTML:
JS:

Пример 2. Заменим содержимое элемента div на введенный текст:

HTML:
JS:

Обратите внимание, что метод .text( textString ) преобразует htm-теги в их сущности, аналогично функции htmpspecialchars в php. Для проверки в примере выше попробуйте вставить какой-либо html-код.

Пример 3. Заменим HTML-содержимое элементов div c помощью функции, которая вернет первые 20 символов начального текста, полученный текст обернем в параграф, полученная строка вернется и заменит собой исходную:

HTML:
JS:

Моя проблема. Когда кликаю на первый div c текст не добавляется.

Как правильно написать JS чтобы добавлялся в textarea тот текст блока по которому я клинул?

5 ответов 5

У тебя в коде ошибка — не может быть несколько одинаковых ID в элементах

поэтому и срабатывает только один (первый)

Решение — создай один класс для всех элементов, на которые ты нажимаешь и отслеживай нажатие на элемент по классу

в this вроде как будет именно тот элемент по которому ты нажал

И еще — чтобы получить дополнительную информацию об элементе — вызывай функцию с параметром (event)

Источник: computermaker.info

Техника и Гаджеты
Добавить комментарий