JSFiddle - React, Tailwind, and code Playground
HTML
<div class="content" style="display:none">Content1 goes here</div>
<div class="content" style="display:none">Content1 goes here too</div>
<div class="content" style="display:none">Content1 goes here again</div>
<div class="content" style="display:none">extra node</div>
<div id="results"></div>
JavaScript
var filterarray = ["Content1", "goes"];
$(function(){
totalSum = 0;
var divs = [];
for (i=0;i<filterarray.length;i++){
$( "div.content:contains('"+ filterarray[i] +"')").css( "display", "block" );
$.merge(divs, $( "div.content:contains('"+ filterarray[i] +"')"));
}
totalSum = $.unique(divs).length;
$("#results").append("Total Results: " +totalSum);
});