How to check HTML document object tag in jQuery ?

Checking HTML document element tag in jQuery

$("#idName").is("p");

'is' function is used to check an particular element to see the particular 'tag' element.

here element having id 'idPage' is to check whether 'p' (paragraph) element.

here used id to access the element, element can also be accessed with other selectors using class name and other attributes.

This example is based on class name 'className' to match the element and checks the matching element tag is p, div or span.

        function checkTag() {
        var isParagraph = $(".className").is("p");
        var isDiv= $(".className").is("div");
        var isSpan= $(".className").is("span");

        alert("Matching element: "+ "paragraph: "+isParagraph +" div: "+isDiv+" span: "+isSpan);
        }

Example jQuery code to check element is p, div or span tag

<html>
   <head>
      <title>The jQuery Example - To check  </title>

 <script src="https://code.jquery.com/jquery-1.10.2.js"></script>	
      <script type = "text/javascript">
        function checkTag() {
        var isParagraph = $("#idPage").is("p");
        var isDiv= $("#idPage").is("div");
        var isSpan= $("#idPage").is("span");

        alert("Matching element: "+ "paragraph: "+isParagraph +" div: "+isDiv+" span: "+isSpan);
        }
      </script>		
   </head>	
   <body>
<div>This is div</div>
<p id="idPage">This is paragraph</p>
<span>This is span.</p>
<input type="button" value="Get Tag" onclick="checkTag();"/>
   </body>
</html>

Output:

checks whether element having id 'idPage' is div tag.

$("#idPage").is("div");

checks whether element having id 'idPage' is span tag.

$("#idPage").is("span");

On clicking of 'Get Tag' button, display the element is whether p, div or span tag.

« Previous Next »

jQuery Programming Examples

Simple Filter HTML Table Rows in jquery

How to check HTML document object tag in jQuery ?

Checking HTML document element tag in jQuery

Example jQuery code to check element is p, div or span tag

Simple Filter HTML Table Rows in jquery

jQuery ui datepicker with disabled date ranges

jQuery ui datepicker change event to submit the form

Getting screen coordinates in jQuery

Getting mouse positions in jQuery

Getting pressed key code in jQuery

Getting multiple elements using tag, id and class in jQuery

Checking element tag in jQuery

Getting element by index in jQuery

Highlights the odd and even rows in different colors in jQuery

Simple Filter HTML Paragraph Tags in jquery

Enable / disable HTML input fields in jQuery

Remove leading and trailing space in text of HTML element using jQuery

jQuery Adding HTML Table Row Dynamically

jQuery Deleting HTML Table Row Dynamically

jQuery Deleting Selected Multiple HTML Table Rows

jQuery Getting Selected Checkbox Values

Update page title using jquery

print objects

Update page title using jquery

print objects