ฉันจะเปลี่ยนข้อความภายใน <span> ด้วย jQuery ได้อย่างไร


123

ฉันมีคำถามง่ายๆ แต่เป็นสิ่งที่ฉันไม่เคยทำมาก่อน ฉันมีสิ่งต่อไปนี้:

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

ฉันต้องการใส่ข้อความลงในช่วง

ฉันจะทำสิ่งนี้กับ jQuery ได้อย่างไร ฉันรู้วิธีเปลี่ยนสิ่งต่างๆด้วย id ของ abc แต่ไม่ใช่รหัสภายในช่วง

ขอบคุณ


5
มีลักษณะที่ jQuery ของเอกสารเลือก
Felix Kling

2
@Felix +100. ลิงก์ไปยัง API มีค่ามากกว่าโค้ดตัวอย่างที่ 'ปิดเสียง'
Roko C.Buljan

คำตอบ:


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

text()หากเป็นเพียงเนื้อหาข้อความ html()หากมีเนื้อหา html


6
โปรดทราบว่าการมี<p>ภายใน<span>ไม่สามารถใช้ได้กับทุกประเภท
Madara's Ghost

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.