如何检查和删除字符串中的html标签答案

【问题标题】：How to check and remove html tag from string如何检查和删除字符串中的html标签
【发布时间】：2017-02-07 04:55:58
【问题描述】：

我首先尝试检查 mystring 是否包含任何 html 标记。如果它包含 Html 标签，那么我想删除这些标签。

var mystring = "<div>Lorem ipsum dolor sit<p>&nbsp;amet, consectetur &nbsp;&nbsp;</p><p>adipiscing elit. Integer ut euismod magna, nec ullamcorper erat.</p></div>"

我需要从上面的字符串中删除所有 html 标记和。我对这些很陌生。请提出一些建议

【问题讨论】：

给定输入的预期输出是什么？
我只需要这些字符串中的文本
不是一个有效的变量名 (my-string)

标签： jquery string

【解决方案1】：

您可以像这样使用 jQuery 的.text()：

var myString = '<div class="ExpandedProfilePane-module_textField_delve fabric-module_ms-TextField_delve" contenteditable="true">Lorem ipsum dolor sit<p>&nbsp;amet, consectetur &nbsp;&nbsp;</p><p>adipiscing elit. Integer ut euismod magna, nec ullamcorper erat.</p></div>'

alert($(myString).text());

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

另外，使用像 var my-string 这样的变量名是无效的，所以你还需要更改它

【讨论】：

如何检查字符串是否包含 HTML
在 StackOverflow stackoverflow.com/questions/15458876/… 的另一个线程中检查已批准的答案，它显示了如何使用正则表达式检查字符串是否包含 HTML 标记的示例

【解决方案2】：

var my_string = '<div class="ExpandedProfilePane-module_textField_delve fabric-module_ms-TextField_delve" contenteditable="true">Lorem ipsum dolor sit<p>&nbsp;amet, consectetur &nbsp;&nbsp;</p><p>adipiscing elit. Integer ut euismod magna, nec ullamcorper erat.</p></div>'

$('#tst').html($(my_string).text());

Check Demo

【讨论】：

如何检查字符串是否包含 HTML

【解决方案3】：

 <!DOCTYPE html>
 <html>
 <head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
 $("button").click(function(){
    $("p").remove(".test");
});
});
</script>

 </head>
  <body>


 <p class="test">This is another paragraph.</p>

 <button>Remove</button>

 </body>
 </html>

【讨论】：