<input id="filter" type="text"> <div id="header"> <div class="header"> <p>ID</p> <p>Manufacturer</p> <p>Type</p> <p>PS</p> </div> </div> <div id="results"> <div class="results"> <p>1</p> <p>Toyota</p> <p>C 200</p> <p>114</p> </div> <div class="results"> <p>2</p> <p>Mercedes</p> <p>C 220</p> <p>144</p> </div> </div>
$("#filter").keyup(function() {
// Retrieve the input field text and reset the count to zero
var filter = $(this).val(),
count = 0;
// Loop through the comment list
$('#results div').each(function() {
// If the list item does not contain the text phrase fade it out
if ($(this).text().search(new RegExp(filter, "i")) < 0) {
$(this).hide();
// Show the list item if the phrase matches and increase the count by 1
} else {
$(this).show();
count++;
}
});
});
.header {
display: flex;
}
.header p {
flex: 1;
font-weight: bold;
}
.results {
display: flex;
}
.results p {
flex: 1;
}
Jagdish Sarma Asked question February 3, 2021