jquery - 在继续阅读之前需要标签→在每个标记我有该文本的位置 继续阅读 →

Question

现在我的输出是这样的

 <p>text text text  Continue reading →&lt;/p>
  <p>text1 tex1t text1  Continue reading →&lt;/p>
  <p>text2 text2 text2  Continue reading →&lt;/p>

但我需要那样

 <p>text text text <br/> Continue reading →&lt;/p>
  <p>text1 tex1t text1 <br/>  Continue reading →&lt;/p>
  <p>text2 text2 text2 <br/> Continue reading →&lt;/p>

我不知道如何在 jquery 中做到这一点

Answer 1

$("p").each(function() {
    $(this).html( 
        $(this).html().replace(/\sContinue\sreading\s→/g , 
            "<br /> Continue reading →"));
});

Answer 2

您可以像这样使用查找和替换方法：

http://jsfiddle.net/pswcb/

Answer 3

您还可以使用 CSS 伪元素：

<p>text text text  <span></span>Continue reading →&lt;/p>

p span:before
{
     content : "\A";
     white-space : pre;
}

JQuery 解决方案更安全，因为旧 IE 不支持 ::before，但 CSS 解决方案在没有 JS 的情况下也可以工作。