Как изменить содержимое Span с помощью jQuery?

Ответ 1

Вы можете выполнить следующие действия:

$('.stbuttontext').text('Share');

для текстового контента или

$('.stbuttontext').html('Share');

для содержимого html.

В вашем случае, однако, первое утверждение должно быть точным:)

Ответ 2

Это мой способ подумать о том, когда использовать .html() vs..().

Используйте .html(), если вы хотите добавить стиль в теги html к тексту, который вы заменяете, например:

$('.stbuttontext').html('<strong>Share</strong>');

Это полезно, когда вы показываете сообщение об ошибке, потому что вы можете добавить класс, чтобы изменить цвет текста.

$('#error').html('<span class="errortext red"><strong>Error:</strong> <em>Fix your email address</em></span>');`

Используйте .text(), когда вы просто хотите изменить текст.

Итак, если вы сделали приведенный выше пример с .text:

$('#error').text('<span class="errortext red"><strong>Error:</strong> <em>Fix your email address</em></span>');

Текст, который пользователь увидит на веб-странице (без пробелов в тегах, я не мог понять, как заставить его работать с этим редактором разметки).

< span class= "errortext red" > <strong> Ошибка: <em> Исправьте свой адрес электронной почты </EM> </span>

и этот текст не является красным или имеет жирный или курсивный текст.

Ответ 3

$('.stbuttontext').html('Share');

Ответ 4

$('.stbuttontext').html('Share');

Изменит текст всех пространств с помощью stbuttontext класса.