在继续阅读之前需要<br/>标签→在每个<p>标签内，我有该文本继续阅读→</p>

Question

现在我的输出就像那样

 <p>text text text  Continue reading →</p>
  <p>text1 tex1t text1  Continue reading →</p>
  <p>text2 text2 text2  Continue reading →</p>

但我需要那样的

 <p>text text text <br/> Continue reading →</p>
  <p>text1 tex1t text1 <br/>  Continue reading →</p>
  <p>text2 text2 text2 <br/> Continue reading →</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 →</p>

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

JQuery解决方案更安全，因为旧的IE不支持:: before，但CSS解决方案无需JS。