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,


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

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.


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');


13

Coba ini

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

Tangani semua css yang relevan dengan rentang tersebut dalam xyz

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.