Forum

jQuery - show or hi...
 
Powiadomienia
Wyczyść wszystko

jQuery - show or hide elements based on text input

1 Wpisy
1 Użytkownicy
0 Reactions
803 Widoki
0
Rozpoczynający temat

example

1 odpowiedź
0
Rozpoczynający temat

html

<input type="text" id="place-search" />
 <ul>
		<li class="place-object">
			<p>Place 1</p>
		</li>
		<li class="place-object">
			<p>Place 2</p>
		</li>
		<li class="place-object">
			<p>Place 3</p>
		</li>
		<li class="place-object">
			<p>Place 4</p>
		</li>
 </ul>

jquery

$("#place-search").keyup(function (){
	let query = $(this).val();
	let pattern = new RegExp(query,"i");

	$('.place-object').filter(function() {
		if(!$("p",this).text().match(pattern))
			return true;
		$(this).show();
	}).hide();
});

 

 

Twoja odpowiedź

Nazwa autora

E-mail autora

Twoje zapytanie *

 
Podgląd 0 rewizje Zapisano
Udostępnij: