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)
 3341  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

YOGESH Firke Created New Discussion ASP.NET MVC   5 hours ago

Tarun Kumar added new Article iOS : Sample on UIWebView controller   12 days ago

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