jqueryでテキストエリアコンテンツを取得する方法

Question

jqueryを初めて使用しています。私は私がfirst_taのコンテンツをしたい最初のtextarea idは第二のtextarea idが

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

1.

second_taある first_taである私たちは

を仮定しましょう、私は2つのテキストエリアボックスを持っている、いくつかの機能を打たれてしまいました"p"タグであり、タグはjquery自身によって生成されるべきです。

2.は、私は私がプロセスを繰り返した場合jQueryとのdivのidによって生成されなければならない「DIV」タグでsecond_taの内容は、動的に変更する必要がありますしたいです。

上記の解決方法をお探しください。

Answer 1

私は 「P」タグとタグでfirst_taの内容は、jQueryの自体によって 生成する必要がありますしたいです。

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

私は@Aren応答としてのjQueryによって生成されなければならない「DIV」タグでsecond_taの内容とdiv要素のid

// 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

が同じたいが、ちょうど読書のためencodeURIComponentでを追加テキストエリアの値

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

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