jQuery将文本从<textarea>添加到&lt; tr&gt; </textarea>

时间:2012-06-30 10:52:09

标签: jquery append

我已经检查了一些类似的线程,但要么他们不清楚或太高级,因为我还有几天学习jQuery。

我有一个文字区域:

<textarea class='text' rows='10' cols='25'></textarea>

我想在用户输入一些文字后按下Add text按钮

<button type='button' class='addText'>Add text</button>

因此,他们输入的文字会显示在表<tr></tr>中。

我用谷歌搜索你可以用jQuery追加功能做到这一点,但没有真正解决我的问题。

那么,有没有办法做这样的事情?

$('.addText').click(function(){
    $('.smth').append(   TEXT in TEXTAREA to TR  );
});

P.S。 .smth是行类= <tr class='smth'></tr>

2 个答案:

答案 0 :(得分:2)

为了获得textarea的值,您可以使用$("#idOfTextArea").val(),例如

var text = $("#idOfTextArea");        // run your DOM lookups once if possible
var row = $('.smth');                 // and store results in variables
row.append("<td>"+text.val()+"</td>") // add a <td> to the <tr>, with the text

答案 1 :(得分:0)

请试试这个:

API:http://api.jquery.com/val/

<强>码

$('.addText').click(function(){
    $('.smth').append($('textarea').val()); // or $('.smth').append($('.text').val());
});