I have a Javascript array which contains items of string values. However, some of these items contain text in between HTML tags. Below is an example of my array.
var myArr = ["Weather", "very", "<span style="font-weight:bold;">nice</span>"]
How could I strip the <span></span> tags from the array leaving just the word nice?
I have looked into using jquery's .match() to detect if the array contains HTML, but I've no success when testing it in JSFiddle.
Thankyou in advance.
An updated version that prevents against XSS attacks making use of $.parseHTML.
myArr = $.map(myArr, function(str, i){
return $("<div/>").append($.parseHTML(str)).text();
});
PREVIOUS UPDATE
Probably you can try something along these lines:
myArr = $.map(myArr, function(str, i){
return $("<div/>").html(str).text();
});
$.map instead of grep.
$.map since Array#map is not yet a viable option. But, agree=] jQuery.map does exactly what you wanted, while jQuery.grep merely returns a filtered version of the original array. That means, grep evaluates the return value to true/false and then keeps or removes the item from the return value based on that.:P BTW There's a small XSS problem with your code: jsfiddle.net/GTyZe/1 I'd recommend $.parseHTML with the keepScripts param set to false.var newArr = [];
var myArr = ["Weather", "very", "<span style=\"font-weight:bold;\">nice</span>"]
$.each(myArr, function(index, value) {
newArr.push($('<div/>').html(value).text());
});
