Cómo obtener contenido textarea con jquery

Question

Soy nuevo en jquery. Me llamó la atención con alguna función, tengo dos cajas de área de texto, supongamos

el primer Identificación del área de texto es first_ta la segunda Identificación del área de texto se second_ta

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

1. Quiero el contenido de first_ta en una etiqueta "p" y la etiqueta debe ser generada por jquery.

2. Quiero el contenido de second_ta en un "div" etiquetaque debe ser generada por jQuery y el id del div se debe cambiar de forma dinámica, si repito el proceso.

Ayúdenme a encontrar la solución para lo anterior.

Answer 1

Quiero el contenido de first_ta en una etiqueta "p" y la etiqueta debe genera por sí jQuery.

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

Quiero el contenido de second_ta en una etiqueta "div" que debe ser generada por jQuery y el 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

El mismo que @Aren replicar, pero sólo tiene que añadir encodeURIComponent para la lectura textarea value

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

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