字符串使用replace方法實現批量替換

var str = '<img src="" alt=""><p>文章內容1</p><br><p>文章內容2</p><br>'
var newStr = str.replace(/(\<img|\<p>|\<\/p>|\<br>)/gi, function ($0, $1) {
              return {
                "<img": '<img style="width:100%;height:auto;display:block;" ',
                "<p>": ' ',
                "</p>": ' ',
                "<br>":"/n",
              }[$1];
            });

replace裏的g表示全局替換,而每個關鍵詞前面的\則爲轉義字符,在針對html類的標籤替換的時候,是必不可少的。如果在不是html dom結構裏實現br的換行效果可以使用/n代替,比如劃過某一個元素的title屬性裏實現換行,可以用/n

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章