正则表达式匹配标签之间的文本

时间:2012-07-21 12:08:22

标签: javascript regex

我有这个字符串:

My name is <b>Bob</b>, I'm <b>20</b> years old, I like <b>programming</b>.

我想将b标记之间的文本添加到数组中,即:

['Bob', '20', 'programming']

我试过这个/<b>(.*?)<\/b>/.exec(str),但它只会得到第一个文字。

4 个答案:

答案 0 :(得分:87)

/<b>(.*?)<\/b>/g

Regular expression visualization

在:

之后添加g全球)标志
/<b>(.*?)<\/b>/g.exec(str)
             //^-----here it is 

但是如果你想获得所有匹配的元素,那么你需要这样的东西:

var str = "<b>Bob</b>, I'm <b>20</b> years old, I like <b>programming</b>.";

var result = str.match(/<b>(.*?)<\/b>/g).map(function(val){
   return val.replace(/<\/?b>/g,'');
});
//result -> ["Bob", "20", "programming"] 

答案 1 :(得分:12)

var root = document.createElement("div");

root.innerHTML = "My name is <b>Bob</b>, I'm <b>20</b> years old, I like <b>programming</b>.";

var texts = [].map.call( root.querySelectorAll("b"), function(v){
    return v.textContent || v.innerText || "";
});

//["Bob", "20", "programming"]

答案 2 :(得分:6)

改为使用匹配和g标志。

str.match(/<b>(.*?)<\/b>/g);

答案 3 :(得分:2)

尝试

str.match(/<b>(.*?)<\/b>/g);