Question

br标签不适用于DIV。我收到了更新内容：textarea字段中的消息。消息有两行，如＆＃34; Rama＆＃34;下一行＆＃34; Lingam＆＃34;。但结果却是＆＃34; Rama
Lingam＆＃34;按$("#editQuotesRowLabel_Q_013").text(replaceContent);

如何在DIV中创建一个新行？

这是我的代码：

function updateQuotes(){    
    var weg_quotes = $("#weg_quotes_Q_013").val();  
    replaceContent = weg_quotes.replace("\n", "<br>", "g");         
    $("#editQuotesRowLabel_Q_013").text(replaceContent);
}

Update Content: <textarea placeholder="Update your content..." id="weg_quotes_Q_013" name="weg_quotes" cols="80" rows="3" class="appQuotesTextarea" maxlength="200" required=""></textarea>
<button onclick="updateQuotes()" id="Q_013" name="update-btn" class="appQuotesBtn">Update</button>

<div id="editQuotesRowLabel_Q_013" class="appQuotesLabel">
    This is content div. 
</div>

Answer 1

要使用jquery插入HTML内容，您需要使用.html()而不是.text()。因此，在您的情况下，您最终得到：

 $("#editQuotesRowLabel_Q_013").html(replaceContent);
 //                              |_ use html() instead of text()

来源：

Answer 2

只需使用.html()代替.text()，因为textarea内容也会包含
标签，.html()也可以显示html，.text()只会考虑文字 - 它不会在div中设置html标记（在此处为吊牌），因此请使用.html()代替.text()

＆＃13;

function updateQuotes(obj){ 
    var weg_quotes = $("#weg_quotes_Q_013").val();  
    replaceContent = weg_quotes.replace("\n", "<br>", "g");   
    $("#editQuotesRowLabel_Q_013").html(replaceContent);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Update Content: <textarea placeholder="Update your content..." id="weg_quotes_Q_013" name="weg_quotes" cols="80" rows="3" class="appQuotesTextarea" maxlength="200" required=""></textarea>
<button onclick="updateQuotes(this)" id="Q_013" name="update-btn" class="appQuotesBtn">Update</button>

<div id="editQuotesRowLabel_Q_013" class="appQuotesLabel">
    This is content div. 
</div>

＆＃13;

Answer 3

试试这个：

html()

//尝试使用text()代替{{1}}

这将允许您使用html标签：）

Answer 4

我不确定replace（）方法是什么，但它替换为

str.replace(pattern/string, function/replacement)

所以你的代码应该是

replaceContent = weg_quotes.replace(/\n/g, "<br>");

，当您将html插入div时，您应该使用.html()。

$("#editQuotesRowLabel_Q_013").html(replaceContent);

Answer 5

试试这个.html()代替.text()

$("#editQuotesRowLabel_Q_013").html(replaceContent);

使用JQUERY文本函数将textarea中的内容替换为DIV时，br标记不起作用

5 个答案: