jQuery（几乎）相当于 PHP 的 strip_tags()

Question

这个函数有 jQuery 版本吗？

字符串 strip_tags( 字符串 $str [, 字符串 $allowable_tags ])

从字符串中去除所有标签和其中的内容，除了在允许的标签字符串中定义的标签和内容。

喜欢：

var stripped = strip_tags($('#text').html(), '<p><em><i><b><strong><code>');

来自：

<div id="text">
  <p> paragraph </p>
  <div> should be stripped </div>
</div>

Answer 1

要删除只是标签，而不是内容，这是 PHP 的 strip_tags() 的行为方式，您可以这样做：

var whitelist = "p"; // for more tags use the multiple selector, e.g. "p, img"
$("#text *").not(whitelist).each(function() {
    var content = $(this).contents();
    $(this).replaceWith(content);
});

Try it out here.

Answer 2

要删除所有可以使用的标签

$('<div>Content</div>').text()

Answer 3

只需使用正则表达式：

html.replace( /<.*?>/g, '' );

完成。 :)

对于p 标签：

html.replace( /<[^p].*?>/g, '' );

对于其他标签，它变得更加复杂。

Answer 4

这对我有用：

function strip_tags(str) {
    str = str.toString();
    return str.replace(/<\/?[^>]+>/gi, '');
}

Answer 5

不是一个实际的答案，而是一个警告（取决于你想用这个做什么）：

恕我直言，在几乎所有的情况下，输入清理应该在服务器端完成（在这种情况下，使用原生 PHP 函数）。如果您的意图是用客户端功能替换 PHP 功能，我会强烈建议不要这样做。

为什么？

仅仅因为您正在创作一个网站，并不意味着：

1. 您的用户启用了 JavaScript。如果您没有严格通过脚本提交表单（使用提交按钮等），它仍然允许用户提交无效数据（例如
2. 请求实际上可能根本不是由浏览器发起的，从而绕过了任何基于 JS 的输入清理。

再一次，不是真正回答您的问题，而是根据您的问题可能会导致的问题提出警告:)

Answer 6

要删除所有标签，可以使用：

var StrippedString = OriginalString.replace(/(<([^>]+)>)/ig,"");

代码来自：Strip HTML Tags in JavaScript

Answer 7

即使这是一个旧线程，我认为它对那些仍在寻找答案的人可能很有用。

Locutus.io function 似乎是最好的解决方案：

function strip_tags (input, allowed) {
      allowed = (((allowed || '') + '').toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join('')
      var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi
      var commentsAndPhpTags = /<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi
      return input.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) {
        return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : ''
      })
}

示例 1：

strip_tags('<p>Kevin</p> <br /><b>van</b> <i>Zonneveld</i>', '<i><b>')

返回 1：'Kevin <b>van</b> <i>Zonneveld</i>'

示例 2：

strip_tags('<p>Kevin <img src="someimage.png" onmouseover="someFunction()">van <i>Zonneveld</i></p>', '<p>')

返回 2：'<p>Kevin van Zonneveld</p>'

示例 3：

strip_tags("<a href='http://kvz.io'>Kevin van Zonneveld</a>", "<a>")

返回 3："<a href='http://kvz.io'>Kevin van Zonneveld</a>"

示例 4：

strip_tags('1 < 5 5 > 1')

返回 4：'1 < 5 5 > 1'

示例 5：

strip_tags('1 <br/> 1')

返回 5：'1 1'

示例 6：

strip_tags('1 <br/> 1', '<br>')

返回 6：'1 <br/> 1'

示例 7：

strip_tags('1 <br/> 1', '<br><br/>')

返回 7：'1 <br/> 1'

Answer 8

你可以试试这个，可能是最好的解决方案：http://phpjs.org/functions/strip_tags/

Answer 9

更新

在保留内容的同时使用以下内容去除标签

$('#text').find('p').contents().unwrap();

这将去除p 标记，其中p 是“#text”的子元素。

在http://jsfiddle.net/YWCsH/查看工作示例