当前位置 : 主页 > 网页制作 > JQuery >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
我从Tumblr API获得了不可靠的结果.当我得到一行文字时,我只收到文字.当存在多行时,每行包裹在 p中.标签.所以我得到: This is a value with no second line 要么 pThis is a value/ppwith a second line/p 我
我从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>';

而不是一直只添加标签.

网友评论