Question

我是jquery的新手。我有一些功能，我有两个textarea框，让我们假设

第一个textarea id是first_ta 第二个textarea id是second_ta

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

1。我想在“p”标记中添加first_ta的内容，标记应该由jquery本身生成。

2。我希望在“div”标记中的second_ta内容应该由jquery生成，并且div的id应该动态更改，如果我重复过程

请帮我找到上述解决方案。

Answer 1

我想要一个first_ta的内容 “p”标签和标签应该是由jquery自己生成。

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

我希望second_ta的内容位于“div”标记中，该标记应由jquery和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

与@Aren回复相同，但只需添加encodeURIComponent即可读取textarea值

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

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

如何使用jquery获取textarea内容

2 个答案: