jquery – 如何确保冗余标签不会破坏样式?

我从Tumblr API获得了不可靠的结果.当我得到一行文字时,我只收到文字.当存在多行时,每行包裹在< p>中.标签.所以我得到:

This is a value with no second line

要么

<p>This is a value</p>
<p>with a second line</p>

我希望两者看起来都一样.我一直在手动添加< p>围绕值,但这将导致:

<p><p>This is a value</p>
<p>with a second line</p></p>

关于多线值.

我对如何解决这个问题有一些想法,但我不确定哪个是最好的.

>创建新的CSS样式p p {},以抵消搞乱的样式
>使用jQuery获取冗余< p>的DOM内容标签并使它们成为非冗余的
>只需将文本加载到jQuery函数中,看看是否有< p>标签,如果没有添加它们,然后将结果写入DOM.

我不确定选项1是否能很好地工作(特别是在浏览器中),而且看起来有点hacky.关于选项2或3是否更好的任何想法,以及我将如何实施?

编辑:应该提到我正在使用Tumblr主题,因此我无法使用Python / PHP / ASP /等(这会让我更容易!).

解决方法

先匹配它:

result = /^\s*\<p\>.+\<\/p\>$/.test(result) ? result : '<p>' + result + '</p>';

而不是一直只添加标签.

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...