Question

我的页面上的模式中有一个asp：标签：

  <asp:Label ID="lblAddClientMessage" ForeColor="Red" CssClass="addClientMessage" Text="This is first line<br />This is second line<br /> This is third line" runat="server" />

显示模态时，它会正确显示3行。

This is first line
This is second line
This is third line

如您所见，换行符未显示在屏幕上，因为它被解释为换行符。

我按下按钮时会激活一个按钮。但是当我更改文本时，换行符只是作为文本处理并显示在屏幕上。我也尝试过它作为“\ n”和“＆amp; ltbr /＆amp; gt”并在显示换行符而不是解释时获得相同的结果。

        $("#<%=btnAddClient.ClientID%>").click(function (e) {
           $(".addClientMessage").text("THis is a test1<br/>This is test2");
           e.preventDefault();
           return;

显示为：

  THis is a test1<br/>This is test2

我该如何解决这个问题？

Answer 1

使用\n代替<br/>，例如$(".addClientMessage").text("THis is a test1\nThis is test2").wrap("<pre />")或使用css .addClientMessage {white-space: pre-wrap}

Answer 2

使用jQuery的html()方法。

$("#<%=btnAddClient.ClientID%>").click(function (e) {
   $(".addClientMessage").html("THis is a test1<br/>This is test2");
   e.preventDefault();
   return;
});

参考：https://www.w3schools.com/jquery/html_html.asp

Jquery从asp：标签中删除换行符

2 个答案: