JQuery

How to implement .eq method in jQuery?

How to implement .eq method in jQuery?, someone asked me to explain?
By:

If we want make selection with jQuery, we can chain the .eq() method and pass the index of the selection. Below example we will select the cricket team with 8 key players of two teams.

Example:

<html>
<head>
    <title>.eq() method</title>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        (function ($) {
           $(document).ready(function () {
               $("ol#indian> li").eq(8).css("border-bottom", "1px solid blue");
               $("ol#pakistan> li").eq(8).css("border-bottom", "1px solid green");
            });
       })(jQuery);
    </script>
</head>
<body>
    <h2>Team India</h2>
    <ol id="indian">
        <li>MS Dhoni (captainand wicketkeeper)</li>
        <li>Virat Kohli</li>
        <li>RavichandranAshwin</li>
        <li>Shikhar Dhawan</li>
        <li>Ravindra Jadeja</li>
        <li>Harbhajan Singh</li>
        <li>Rohit Sharma</li>
        <li>Yuvraj Singh</li>
        <li>Ajinkya Rahane</li>
        <li>Suresh Raina</li>
        <li>Mohammed Shami</li>
        <li>Pawan Negi</li>
        <li>Jasprit Bumrah</li>
        <li>Ashish Nehra</li>
        <li>Hardik Pandya</li>
    </ol>
 
    <h2>Team Pakistan</h2>
    <ol id="pakistan">
        <li>Shahid Afridi(captain)</li>
        <li>Mohammed Hafeez</li>
        <li>Shoaib Malik</li>
        <li>Umar Akmal</li>
        <li>Wahab Riaz</li>
        <li>Mohammad Aamir</li>
        <li>Ahmed Shehzad</li>
        <li>Sarfraz Ahmed</li>
        <li>Mohammad Irfan</li>
        <li>Babr Azam</li>
        <li>Iftikhar Ahmed</li>
        <li>Imad Wasim</li>
        <li>Anwar Ali</li>
        <li>Mohammad Nawaz</li>
        <li>Mohammad Sami</li>
    </ol>
</body>
</html> 

Output:

to implement .eq method in jQuery

Related Article

Post your comments / questions



Recent Article