jquery - 前にタグが必要続きを読む → inside everyそのテキストがあるタグ 続きを読む →

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;
}

::before は古い IE ではサポートされていないため、JQuery ソリューションの方が安全ですが、CSS ソリューションは JS なしで機能します。