Bagaimana cara mengubah teks di dalam <span> saya dengan jQuery?

123

Saya memiliki pertanyaan yang sangat sederhana tetapi itu adalah sesuatu yang belum pernah saya lakukan sebelumnya. Saya memiliki yang berikut ini:

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

Saya ingin memasukkan beberapa teks ke dalam rentang tersebut.

Bagaimana saya bisa melakukan ini dengan jQuery. Saya tahu bagaimana mengubah sesuatu dengan id dari abc tetapi bukan kode di dalam span.

Terima kasih,

Christine Mayes
sumber
5
Lihat dokumentasi pemilih jQuery .
Felix Kling
2
@Elix. +100. Tautan ke API bernilai lebih dari satu baris kode contoh yang 'dibungkam'.
Roko C. Buljan
1
Kemungkinan duplikat tentang cara menetapkan nilai untuk rentang menggunakan JQuery
Stewart

Jawaban:

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

text()jika hanya konten teks. html()jika itu berisi, yah, konten html.

dexter
sumber
6
Perhatikan bahwa memiliki <p>inside of <span>tidak valid dengan semua doctypes.
Hantu Madara
55

Ini akan digunakan untuk mengubah konten Html di dalam span

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

jika Anda ingin mengubah teks di dalam span, Anda dapat menggunakan:

 $('#abc span').text('goes inside the span');
Alan Haggai Alavi
sumber
16
$('#abc span').html('A new text for the span.');
penilai
sumber
13

Coba ini

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

Tangani semua css yang relevan dengan rentang tersebut dalam xyz

ajup
sumber