Home > DeveloperSection > Articles > JQuery each method

JQuery each method

Posted by  Sachindra Singh
on    February-21-2011 22:02 PM

JQuery JQuery 
0 Comment(s)
 3484  View(s)
Rate this:

JQuery each method

The $.each () function can be used to iterate over any element collection. This function runs on the matched element. The each () method specifies a function to run for each matched element. In this example I am using each method to show each city name that defined in <option> element.

Syntax: $(“target”).each ();


<title>JQuery each method</title>


    <script type="text/javascript" src="jquery.min.js">     </script>


    <script type="text/javascript">

        $(document).ready(function() //ready function contain all jquery function


            $("button").click(function            {

                $("option").each(function()// each method will retrieve all city name that define in <option> element


                alert($(this).text()); //this line will show city name










        JQuery each method</h2>

    <table width="200">


            <td align="center">

                City List

















                    Total Cities</button>






When I will click on city button the name of city will popup on window as shown below:


JQuery each method


Recent Activities

Ankit Singh Created New Discussion How to Use join in Linq query mvc .   an hour ago

Tarun Kumar added new Blog Selecting Image from the Gallery   16 hours ago

Tarun Kumar added new Article Handling Button Clicks Events   yesterday

Don't want to miss updates? Please click the below button!