在textarea上方添加文字

Question

下面是我用来在div中创建textarea的代码。

var customDiv = $('<div />', { class: 'myCustDiv'});
customDiv.append( $('<textarea />', { class: 'mycustTextarea' }) );

如何在textarea上方添加文字？见下面的预期输出：

Answer 1

您可以添加<label>元素，例如：

var customDiv = $('<div />', { class: 'myCustDiv'});
customDiv.append( $('<label>Add Your Number</label>' );
customDiv.append( $('<textarea />', { class: 'mycustTextarea' }) );

要添加class名称，您可以使用HTML属性而不是传递对象：

customDiv.append( $('<label class="myTextareaLabel">Add Your Number</label>' );

Answer 2

试试这个：

var customDiv = $('<div />', { class: 'myCustDiv', html: 'Add Your number'});
customDiv.append( $('<textarea />', { class: 'mycustTextarea' }) );

<强> DEMO

Answer 3

试试这个fiddle

var customDiv = $("<div class='myCustDiv'></div>"),
    textArea = $(customDiv).append(("<textarea class='mycustTextarea'>")),
    blockText = $("<p>Block of Text</p>");
$('#printArea').append(textArea);
$(customDiv).prepend(blockText)