使用jQuery获取文本区域内容

时间:2015-02-22 10:05:20

标签: javascript jquery html

我有一个包含html和文本的文本区域,我想从文本区域抓取它们,但是看起来这个代码只得到html代码而不是文本

HTML CODE

<textarea id='post'>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-vAC51myUYpY/VOmdnTh52_I/AAAAAAAAAS4/VUJvhS-NQp4/s1600/Coffee-Splash-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-vAC51myUYpY/VOmdnTh52_I/AAAAAAAAAS4/VUJvhS-NQp4/s1600/Coffee-Splash-1.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-gQw0LKXeB9Y/VOmdnWz-uiI/AAAAAAAAAS0/hDyMEZdLXic/s1600/Coffee-Splash-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-gQw0LKXeB9Y/VOmdnWz-uiI/AAAAAAAAAS0/hDyMEZdLXic/s1600/Coffee-Splash-2.jpg" /></a></div>
<br />
Ormai sono più di 3 mesi che ho iniziato a fotografare in studio. (Per studio intendo "stanza" dove mi cemento in esperimenti fotografici :P)<br />
Il concetto principalemente rimane lo stesso, ma riuscire a controllare le luci, riflessi e gradienti è diventata quasi la mia sfida quotidiana!<br />
<br />
Ci tengo a precisare che la mia passione rimane sempre la fotografia paesaggistica, purtroppo però ho il vizio di non accontentarmi ma mai e ricerco sempre location che purtroppo non sono alla portata del viaggiatore del "week-end"<br />
<br />
In studio mi cimento spesso nell' action freezing, ovvero nel congelare un movimento, che sia di liquidi o polveri.<br />
<br />
In questo caso ho usato del colorante marrone per cibo, ne ho fatto una pentola intera! La cosa essenziale è il movimento con cui realizzi lo splash...ogni movimento forma uno "shape" diverso. Spesso cambio anche contenitore...<br />
<br />
Le parti in porcellana le ho fotografate tutte singolarmente in modo da poter controllare luce, colore e gradiente.<br />
<br />
La sfida più grande è stata riuscire a fotografare il cucchiaino in acciaio. Notoriamente il metallo è riflettente e se aggiungiamo la parte concava del cucchiaio, beh, riflessi a gogo!<br />
Per ottenere un immagine prima di riflessi, in commercio ci sono dei Light Box, ovvero delle scatole formate da pareti semi trasparenti che permettono di collocare 4 o più luci estremamente, ottenendo oggetti illuminati perfettamente e senza riflessi esterni.<br />
...purtroppo io ancora non ce l'ho...ed ho dovuto affidarmi al mio grande amico photoshop... e meno male che esiste! :D<br />
<br />
Una volta ottenuto tutte le parti, ed aver selezionato la splash migliore, ho unito il tutto sempre su PS.<br />
<br />
Spero che questo post sia di ispirazione!<br />
<br />
Pat.<br />
<br />

</textarea>

JQUERY CODE

$(function(){
    var pcontent = $('#post').val(),
        content = $($('#post').val());

    console.log(content.html());
});

这是Jsfiddle的输出http://jsfiddle.net/64x1wrfx/1/

的实时预览

3 个答案:

答案 0 :(得分:2)

尝试console.log($('#post').text());

更新了小提琴。控制台中显示的Textarea内容:http://jsfiddle.net/64x1wrfx/2/

答案 1 :(得分:2)

试试这个

console.log($('#post')[0].innerHTML);

答案 2 :(得分:0)

您可以使用JQuery中的.val()直接获取内容。

试试这个:

$(function(){
    var pcontent = $('textarea#post').val();
    console.log(pcontent);
})