删除jQuery中文本中<>之间的所有内容答案

【问题标题】：Delete everything between <> in text in jQuery删除jQuery中文本中<>之间的所有内容
【发布时间】：2013-11-19 08:02:03
【问题描述】：

我想为我的 textarea 创建一个“清除”按钮，它将删除每个以及它们之间的任何内容。
所以可以说我有：

<div id="markred">Hello World! My name is <b>John!</b></div>

在“清洁”功能之后，我希望它是：

Hello World! My name is John!

我真的不知道该怎么做，尝试了一些正则表达式，然后意识到我真的不知道如何编写像样的正则表达式......

任何帮助将不胜感激！

【问题讨论】：

标签： javascript jquery html regex tags

【解决方案1】：

使用text()点赞，

alert($('#markred').text());// will give only text not html tags

Demo

或者，

$('#markred').text(function(){
    return $(this).text();// will remove <b> tag
});

【讨论】：

【解决方案2】：

怎么样：

$('#markred').text('');

【讨论】：

【解决方案3】：

你可以这样做：

$('#markred > b').contents().unwrap();

Fiddle Demo

【讨论】：

【解决方案4】：

试试这个：

$('#markred').text();

这将返回所选 div 内的文本（并且仅返回文本）。

见http://api.jquery.com/text/

【讨论】：

【解决方案5】：

我想为我的 textarea
制作一个“清除”按钮

所以，假设

<div id="markred">Hello World! My name is <b>John!</b></div>

字面意思是textarea的文本内容，你可以先解析内容，然后使用DOM操作过滤掉并保留所有文本节点。例如：

$('#textarea').val(function (index, value) {
    return $($.parseHTML(value))
        .find('*') // find all element nodes
        .addBack() // include root node(s)
        .contents() // include all text nodes
        .map(function () { // filter and get text node value
            return this.nodeType === 3 ? this.nodeValue : null;
        }).get().join(''); // concatenate text values
});

DEMO

【讨论】：