jQuery chắp thêm văn bản bên trong thẻ đoạn hiện có

Question

Tôi đang cố thêm văn bản bổ sung vào cuối đoạn văn sử dụng jQuery. Suy nghĩ của tôi là tạo ra một cấu trúc như thế này:

Đánh giá bằng câu trả lời của tôi, tôi sẽ làm rõ. Tôi cần tạo cấu trúc này trước. Và đây là phần mà tôi thấy khó khăn, không phải là kết quả cuối cùng thứ hai. Vì vậy, làm thế nào để tự động tạo này:

<p>old-dynamic-text<span id="add_here"></span></p> 

Và rồi sau khi thêm văn bản mới nó sẽ trông như thế này:

<p>old-dynamic-text<span id="add_here">new-dynamic-text</span></p> 

Tôi đã chơi với phương pháp .wrapAll(), nhưng Tôi không thể có được hiệu quả mong muốn. Đây có phải là cách tốt nhất để làm điều này (và nếu như vậy), hoặc có cách nào khác để thêm văn bản mới vào cuối đoạn hiện có (cần phải được gói trong một số loại thẻ vì tôi cần phải tạo kiểu khác) ?

Answer 1

Hãy thử này ...

$('p').append('<span id="add_here">new-dynamic-text</span>'); 

HOẶC nếu có một khoảng thời gian hiện có, thực hiện điều này.

$('p').children('span').text('new-dynamic-text'); 

DEMO

Answer 2

Nếu bạn muốn append văn bản hoặc html để span sau đó bạn có thể làm điều đó như dưới đây.

$('p span#add_here').append('text goes here'); 

nối thêm sẽ thêm văn bản vào thẻ span ở cuối.

để thay thế toàn bộ văn bản hoặc html bên trong khoảng thời gian bạn có thể sử dụng .text() hoặc .html()

Answer 3

Hãy thử điều này

$('#add_here').text('new-dynamic-text');