JSFiddle - React, Tailwind, and code Playground

HTML

<div class="n_name">12345</div>
	<div class="n_name fd">1245</div>
	<div class="n_name fd">1234</div>
	<div class="n_name">2345</div>
	<div class="n_name fd">1235</div>
  
  <button class="find">Click</button>

JavaScript

$('.fd').data('genre','action,50,66,ihsjjs'); 	$('.fd').data('country','russia'); 	$('.fd').data('status','all'); 	 	var gnr = $('.fd').data('genre').split(','); 	var ctr = $('.fd').data('country'); 	var sts = $('.fd').data('status'); 	 	var data=[gnr,ctr,sts];	 	 	$('.find').click(function() { 		 		alert(data[0].includes('action'));	 	 		if(data[0] == 'action')	{ 			$('.n_name').css('display','none'); 			$('.fd').data('genre','action').css('display','block'); 		}	 		 		if(data[1] == 'russia')	{ 			$('.n_name').css('display','none'); 			$('.fd').data('genre','russia').css('display','block'); 		}	 		 		if(data[2] == 'all')	{ 			$('.n_name').css('display','none'); 			$('.fd').data('genre','all').css('display','block'); 		}	 		 	});