0

How to search in a group of Li tags using JQuery

Spread the love

Suppose you have a bunch of li items inside a UL and you would like to have a text box to find the li containing a certain text. and the matching li should became visible.

search in a group of li tags css ,search in a group of li tags list ,search in a group of li tags meaning ,search in a group of li tags number ,search in a group of li tags nz ,search in a group of li tags quiz ,search in a group of li tags quotes ,search in a group of li tags template ,search in a group of li tags uk ,search in a group of li tags used ,search in a group of li tags video ,search in a group of li tags xbox ,search in a group of li tags xbox 360 ,search in a group of li tags xbox one ,search in a group of li tags yourself ,search in a group of li tags youtube ,search in a group of li tags zone

So here I am going to tell you how to do it without using any plugin.

Step 1.
Create a list and search box in html.

Here I create an attribute data-type for each li to match text box value to our LI text.put the same value in data-type that you want to match to your text box.

Step 2.
Our JQuery

Complete Code

Download Code

Hope it will Help You and please like my facebook page :

and make me proud.By the way if you face any problem then let me know in comment section below

Leave a Reply

Your email address will not be published. Required fields are marked *