Cách lấy nội dung văn bản với jquery

Question

Tôi mới sử dụng jquery. Tôi đã tấn công với một số chức năng, tôi có hai hộp textarea, chúng ta hãy giả sử

các textarea id đầu tiên là first_ta các textarea id thứ hai được second_ta

<textarea id="first_ta" rows="2" cols="2"></textarea> 
<textarea id="second_ta" rows="2" cols="2"></textarea> 

1. Tôi muốn các nội dung của first_ta trong một thẻ "p" và thẻ sẽ được tạo bởi chính jquery.

2. Tôi muốn các nội dung của second_ta trong một "div" thẻ cần được tạo ra bởi jquery và id của div nên được thay đổi tự động, nếu tôi lặp lại quá trình.

Vui lòng giúp tôi tìm giải pháp cho phần trên.

Answer 1

Tôi muốn nội dung của first_ta trong thẻ "p" và thẻ phải là được tạo bởi chính jquery.

$('<p>').html($('#first_ta').val()).appendTo('body'); 

Tôi muốn các nội dung của second_ta trong một thẻ "div" nên được tạo ra bởi jquery và id của div

// assuming you've got a variable genId defined somewhere in your code with a start 
// value of 1 
$('<div>').html($('#second_ta').val()).attr('id', 'generated-id-' + genId++).appendTo('body'); 

Answer 2

Giống như @Aren đáp trả nhưng chỉ cần thêm encodeURIComponent để đọc giá trị văn bản

$('<p>').html(encodeURIComponent($('#first_ta').val())).appendTo('body'); 

$('<div>').html(encodeURIComponent($('#second_ta').val())).attr('id', 'generated-id-' + genId++).appendTo('body');