JSFiddle - React, Tailwind, and code Playground
HTML
<div class="Minimizado top-menu-invisible hidden-mobile hidden-md hidden-sm">
<input id="searchterm" name="searchterm" />
<button id="search">Buscar</button>
<div id="results">
</div>
</div>
JavaScript
$("#searchterm").keyup(function(e) {
var q = $("#searchterm").val();
$("#results").empty();
var data = [{
"Tag": "Toyota, Ford, Carro2, teste",
"Title": "Titulo da página, teste",
"Url": "page1.aspx"
}, {
"Tag": "Ford, chevy, opala, teste2",
"Title": "Titulo da página, teste",
"Url": "page1.aspx"
}, {
"Tag": "BMW, Audi, importado",
"Title": "Titulo da página, teste",
"Url": "page1.aspx"
}, {
"Tag": "Benz, Teste3, cars",
"Title": "Titulo da página, teste",
"Url": "page1.aspx"
}, {
"Tag": "GMC, Chevrolet, chevy, GM",
"Title": "Titulo da página, teste",
"Url": "page1.aspx"
}, {
"Tag": "HUMMER, 4x4, teste4, agora vai, teste com tag",
"Title": "Titulo da página, teste",
"Url": "page1.aspx"
}]
$.each(data, function(i, item) {
aux = item.Tag.trim().toLowerCase().split(",")
console.log($("#searchterm").val().trim().toLowerCase(),aux,aux.indexOf($("#searchterm").val().trim().toLowerCase()))
if( aux.indexOf($("#searchterm").val().trim().toLowerCase()) >= 0 )
{
console.log("Encontrou")
$("#results").append("<div>" + item.Title + "<br><br></div>");
}
});
});