如何使用Javascript/jQuery从div内容中去除HTML标签？

Question

我制作了一个div标记并将其内容存储在一个变量中。如果此标签包含p,b或任何其他标签，则应将其从字符串中删除。我怎样才能做到这一点？

Answer 1

使用正则表达式。

var regex = /(<([^>]+)>)/ig 
var body = "<p>test</p>" 
var result = body.replace(regex, ""); 

alert(result); 

这里是DEMO

希望这有助于。

Answer 2

你可以按照这个例子

var stringContent = "<p>Hi dear</p><p>Wish you a happy birthday</p>"; 

var text = $(stringContent).text(); 

Answer 3

解决方案使用jQuery：

var content = "<p>Dear Andy,</p><p>This is a test message.</p>"; 

var text = $(content).text(); 

解决方案使用JavaScript：

function removeTags(){ 
    var txt = document.getElementById('myString').value; 
    var rex = /(<([^>]+)>)/ig; 
    alert(txt.replace(rex , "")); 

} 

而且看起来这个链接： Strip HTML Tags in JavaScript

Answer 4

使用普通的JavaScript，你可以做到这一点作为

string.replace(/(<([^>]+)>)/ig,""); 

我想，这大概比的.text（）方法更快。

Answer 5

这是更安全：

function plaintext(html){ 
    return $("<div/>").html(html).text(); 
} 

Answer 6

我想上公认的答案这是在暗示正则表达式var regex = /(<([^>]+)>)/ig的顶部添加了一些东西：

• 你不在你的正则表达式中不需要i标志，因为你不匹配任何字母字符。看到这里：http://jsfiddle.net/66L6nfwt/2/
• 你不需要任何一对括号，因为你只需要替换全部匹配。请看这里：http://jsfiddle.net/66L6nfwt/3/
• 这个正则表达式可以被改进，因为如果你在文本内容中同时使用字符<和>它将会失败。看到这里：http://jsfiddle.net/66L6nfwt/4/
• 所以这里是一个正则表达式的改进：/<\/?\w+[^>]*\/?>/g。在这里看到：http://jsfiddle.net/66L6nfwt/5/

---

最终代码：

var regex = /<\/?\w+[^>]*\/?>/g, 
    body = "<sTrong><b>test<b></STRONG><b> sss</b><em> what if you write some maths: i < 2 && i > 4.</em>"; 

alert(body.replace(regex, "")); 

它也可以帮助把在内置的“字符串”类的功能，所以你可以这样做直接：

"<em>test</em>".stripTags()

String.prototype.stripTags = function() 
{ 
    return this.replace(/<\/?\w+[^>]*\/?>/g, ''); 
}; 

---

最后，如果你的字符串是一个DOM节点，你可以做alert(element.innerText || element.textContent);这是内置的和更安全！这里见例如：http://jsfiddle.net/66L6nfwt/6/