Làm cách nào để thay đổi văn bản bên trong <span> bằng jQuery?


123

Tôi có một câu hỏi thực sự đơn giản nhưng đó là điều tôi chưa làm trước đây. Tôi có những thứ sau:

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

Tôi muốn đặt một số văn bản vào khoảng thời gian.

Làm thế nào tôi có thể làm điều này với jQuery. Tôi biết cách thay đổi mọi thứ với id là abc nhưng không phải mã bên trong span.

cảm ơn,


5
Hãy xem tài liệu bộ chọn của jQuery .
Felix Kling

2
@Felix. +100. Một liên kết đến API có giá trị hơn một dòng mã mẫu bị 'tắt tiếng'.
Roko C. Buljan

Câu trả lời:


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

text()nếu chỉ là nội dung văn bản. html()nếu nó chứa nội dung html.


6
Lưu ý rằng việc có <p>bên trong <span>không hợp lệ với tất cả các loại tài liệu.
Madara's Ghost,

55

Điều này sẽ được sử dụng để thay đổi nội dung Html bên trong span

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

nếu bạn muốn thay đổi văn bản bên trong khoảng, bạn có thể sử dụng:

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


13

Thử cái này

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

Xử lý tất cả css liên quan đến khoảng thời gian đó trong xyz

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.