Come ottenere il contenuto dell'area di testo con jquery

Question

Sono nuovo di jQuery. Mi sono colpito con qualche funzione, ho due scatole textarea, supponiamo

il primo textarea id è first_ta la seconda area di testo ID è second_ta

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

1. Voglio il contenuto di first_ta in un tag "p" e il tag dovrebbe essere generato da jquery stesso.

2. Voglio che il contenuto di second_ta in un tag "div" che dovrebbe essere generato da jQuery e id del div deve essere modificato dinamicamente, se ripeto il processo.

Please help me per trovare la soluzione per quanto sopra.

Answer 1

Voglio che il contenuto di first_ta in un tag "p" e il tag deve essere generati da jQuery stessa.

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

Voglio che il contenuto di second_ta in un tag "div" che dovrebbe essere generato da jQuery e id del 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

Lo stesso di @Aren rispondere, ma basta aggiungere encodeURIComponent per la lettura valore textarea

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

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