How to check the element type of an event target with jQuery?

jQuery Web Development Front End Technology

To check the element type pf an event target, using the is() method.

Example

You can try to run the following code to check the element type:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $( "ul" ).click(function( event ) {
      var target = $( event.target );
      if ( target.is( "li" ) ) {
         alert("Element is 'li'")
      }
  });
});
</script>
</head>
<body>
<p>Click below to find out which element</p>
<ul>
<li>India</li>
<li>US</li>
<li>UK</li>
</ul>
</body>
</html>

Ricky Barnes

Updated on: 11-Dec-2019

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started