jquery - 使用 jQuery 从数组中的项目中剥离 HTML 代码

Question

我有一个 Javascript 数组，其中包含字符串值项。但是，其中一些项目在HTML标签之间包含文本。下面是我的数组的一个例子。

var myArr = ["Weather", "very", "<span style="font-weight:bold;">nice</span>"]

我怎样才能<span></span>从数组中剥离标签，只留下单词nice？

我已经研究过使用 jquery 的 .match() 来检测数组是否包含 HTML，但是在 JSFiddle 中测试它时没有成功。

先感谢您。

Answer 1

更新

防止 XSS 攻击的更新版本，使用$.parseHTML.

myArr = $.map(myArr, function(str, i){
  return $("<div/>").append($.parseHTML(str)).text();
});

---

以前的更新

可能您可以尝试以下方法：

myArr = $.map(myArr, function(str, i){
  return $("<div/>").html(str).text();
});

看这里。

Answer 2

var newArr = [];
var myArr = ["Weather", "very", "<span style=\"font-weight:bold;\">nice</span>"]
$.each(myArr, function(index, value) {
  newArr.push($('<div/>').html(value).text());
});

工作小提琴。