转义/删除<script> tags in JSON data parsed to HTML

Question

I have a data file that contains JSON objects to load data on my site. I would like to know if there's a way to use Javascript to find and strip out any tags that may be within paragraph content.

Edit: i'm using handlebars locally.

Example:

{
'foodType': 'breakfast bar',
'title': 'granola Bar',
'ingredients': 'oats, sesame seeds, sulphites, almonds <script>console.log("executed!")</script>, cashews, soy, stabilisers. May contain traces of peanuts, milk and other gluten cereals.'
},

I'm displaying the content like this:

for (var j=0; j<ingredientsList.length; j++){
var ingredients = $('<p/>');
ingredients.append(ingredientsList[j]);
$('.ingredients-sentences').append(ingredients);
}

How can I find the tag in my content and remove it before I build my ingredients paragraph?

I've tried the following but feel like i'm going around in circles now:

if (ingredientsList.indexOf('<script>') > 0) {

var start = ingredientsList.indexOf('<script>'); 
var end = ingredientsList.indexOf('</s');

ingredientsList.slice(start, end);
}

Any advice?

Answer 1

正如cschuff所说的...

ingredients.text(ingredientsList[j]);