How to get the input value of the first matched element using jQuery?



To get the input value of the first matched element using jQuery, use the .first() method.

Example

You can try to run the following code to get the input value of the first matched element using jQuery −

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
           $( "li" ).first().css( "background-color", "blue" );
         });
      </script>
   </head>
   <body>
      <ul>
         <li>One</li>
         <li>Two</li>
         <li>Three</li>
         <li>Four</li>
      </ul>
   </body>
</html>

Advertisements