JSFiddle - React, Tailwind, and code Playground
HTML
<div class="model-container">
<div class="search-container">
<i class="fa fa-search bigger-130"></i>
<input type="text" placeholder="Search for contacts" id="input_ssearch">
</div>
<div class="forward-body">
<div class="col-md-12 col-xs-12 model" data-contact-id="44">
<input class="col-md-1 col-xs-1" type="checkbox" id="forward-message-checkbox" name="forward message">
<label class="col-md-11 col-xs-11 forward-message-contactname">cccc1</label>
</div>
<div class="col-md-12 col-xs-12 model" data-contact-id="Sad">
<input class="col-md-1 col-xs-1" type="checkbox" id="forward-message-checkbox" name="forward message">
<label class="col-md-11 col-xs-11 forward-message-contactname">Sad</label>
</div>
<div class="col-md-12 col-xs-12 model" data-contact-id="AliBABA
">
<input class="col-md-1 col-xs-1" type="checkbox" id="forward-message-checkbox" name="forward message">
<label class="col-md-11 col-xs-11 forward-message-contactname">AliBABA
</label>
</div>
<div class="col-md-12 col-xs-12 model" data-contact-id="9">
<input class="col-md-1 col-xs-1" type="checkbox" id="forward-message-checkbox" name="forward message">
<label class="col-md-11 col-xs-11 forward-message-contactname">9</label>
</div>
<div class="col-md-12 col-xs-12 model" data-contact-id="6">
<input class="col-md-1 col-xs-1" type="checkbox" id="forward-message-checkbox" name="forward message">
<label class="col-md-11 col-xs-11 forward-message-contactname">6</label>
</div>
<div class="col-md-12 col-xs-12 model" data-contact-id="5">
<input class="col-md-1 col-xs-1" type="checkbox" id="forward-message-checkbox" name="forward message">
<label class="col-md-11 col-xs-11 forward-message-contactname">5</label>
</div>
<div class="col-md-12 col-xs-12 model" data-contact-id="44">
<input class="col-md-1 col-xs-1" type="checkbox" id="forward-message-checkbox"...
JavaScript
var arr= [];
$('.search-container input#forward-search-contact').on("keyup", function() {
var number = $(this).val().toLowerCase();
let filter_contact = $(arr).filter(function(index) {
return arr[index].chatid == number && arr[index].display_name == number;
});
console.log(filter_contact);
$('.forward-body .forward-contact').filter(function() {
});
});