使用jQuery从字符串中删除HTML标记

Question

我希望能够从字符串中删除HTML标签，例如删除div、p、br等标签...

我正在尝试实现以下操作:

var mystring = "<div><p>this</p><p>is</p><p>my</p><p>text</p><p>sample</p><p> </p><p> </p></div>"

var html3 = $(mystring).text();

但是结果是：

"thisismytextsample  "

如何像这样做：“这是我的文本示例”

- habiat

---

他希望单词之间有空格。 - Yabada

https://dev59.com/k3RA5IYBdhLWcg3wzhNY - raklos

http://jsfiddle.net/asdasdasdas/shE58/22/ - Umesh Sehta

http://jsfiddle.net/qn3gv2u8/ - Ram

@EoiFirst 正确！抱歉，没有仔细阅读 :-( - Rob Schmuecker

可以尝试使用trim方法，并编写简单的正则表达式将空格替换为一个空格。 - Aliaksei Bulhak

Answer 1

你可以将所有p标签的文本内容存储在一个数组中，然后使用空格将它们连接起来：

$(mystring).find('p').map(function() {
   return $(this).text();
}).toArray().join(' '));

Working Demo

- Milind Anantwar

---

感谢您的回答。这个解决方案在a<b><div>c</div><div>d</div>上不起作用。 - habiat

Answer 2

你可以使用替换函数：

replace()

var mystring="<div><p>this</p><p>is</p><p>my</p><p>text</p></div>"
var stripped = mystring.replace(/(<([^>]+)>)/ig," "); // this is my text

来源：http://css-tricks.com/snippets/javascript/strip-html-tags-in-javascript/

（该链接提供了一些使用JavaScript删除HTML标签的代码片段）

- amiceli

---

这会导致与"thisismytextsample "相同的结果。 - Xaver

Answer 3

尝试使用正则表达式进行此操作。

var mystring="<div><p>this</p><p>is</p><p>my</p><p>text</p><p>sample</p><p> </p><p> </p></div>"


function RemoveHTMLTags(string1) {
            var regX = /(<([^>]+)>)/ig;
            var html = string1;
            return html.replace(regX, " ");
        }


var res = RemoveHTMLTags(mystring);

alert(res);

演示

- Sudharsan S

---

感谢您的回答。这个解决方案在a<b><div>c</div><div>d</div>上不起作用。 - habiat