Как я могу изменить текст внутри моего <span> с помощью jQuery?

123

У меня действительно простой вопрос, но я этого раньше не делал. Имею следующее:

<td id="abc" style="width:15px;"><span></span></td>

Я хотел бы вставить текст в диапазон.

Как я могу это сделать с помощью jQuery. Я знаю, как изменить что-то с идентификатором abc, но не с кодом внутри диапазона.

Спасибо,

Кристин Мэйс
источник
5
Взгляните на документацию по селектору jQuery .
Феликс Клинг
2
@Феликс. +100. Ссылка на API стоит больше, чем «приглушенная» строчка примера кода.
Роко С. Бульян

Ответы:

179
$('#abc span').text('baa baa black sheep');
$('#abc span').html('baa baa <strong>black sheep</strong>');

text()если только текстовый контент. html()если он содержит, ну, html-контент.

правый
источник
7
Обратите внимание, что наличие <p>внутри <span>недопустимо для всех типов документа.
Призрак Мадары
55

Это будет использоваться для изменения содержимого Html внутри диапазона

 $('#abc span').html('goes inside the span');

если вы хотите изменить текст внутри диапазона, вы можете использовать:

 $('#abc span').text('goes inside the span');
Алан Хаггай Алави
источник
13

Попробуй это

$("#abc").html('<span class = "xyz"> SAMPLE TEXT</span>');

Обрабатывать все CSS, относящиеся к этому диапазону, в пределах xyz

ajup
источник