Question

Respected Members,

I am designing the website in pure HTML with the help of one Template.

In that i have one textbox[search] and Go button.

I want to make operation such that when any one types certain text and presses Go button,
It should highlight the text in that website which is matching to that text.

How can i do that?

Than You.

Answer 1

$(document).ready(function(){
        $('#searchItem').keyup(function(){
            var name = $(this).val();
            var pattern = name.toLowerCase(); 
            var targetId = ""; 
            var divs = document.getElementsByClassName("item"); 

            $(document).find('.item').hide();

            $('.item').each(function(i){
                var para = divs[i].getElementsByTagName("p"); 
                var index = para[0].innerText.toLowerCase().indexOf(pattern); 
                if (index != -1) { 
                    $(this).show();
                }
            });
        }); 
    });