We can make use of the .length property in jQuery to know if an element exists or not in the HTML page DOM.
The .lenght property returns a count of the number of elements that are present on the page. If there is no match then the count is zero.
Example:
<div id="welcome">
Welcome to Code2care.org
</div>
<div id="tagline">
Code2dcare - Lines of code for a change!
</div>
<script>
if ($('#welcome').length > 0) {
console.log("Element exists.");
} else {
console.log("Element doesn't exist.");
}
</script>
Output:
![jQuery - Check if an element exists or not jQuery - Check if an element exists or not](https://code2care.org/howto/jquery-check-if-an-element-exists-or-not/images/jQuery - Check if an element exists or not.jpg)
Facing issues? Have Questions? Post them here! I am happy to answer!
Author Info:
Rakesh (He/Him) has over 14+ years of experience in Web and Application development. He is the author of insightful How-To articles for Code2care.
Follow him on: X
You can also reach out to him via e-mail: rakesh@code2care.org
More Posts related to jQuery,
- jQuery: Check if an element exists or not
- [jQuery] Uncaught ReferenceError: $ is not defined at index.html:5
- Make div element draggable using jQuery
- jQuery : Move to top of the page
- Dynamically Obtaining Browser Screen Width and Height with jQuery [Updated 2023]
- How to check if an element is hidden using jQuery code?
- Redirect page using jQuery
- Disable jQuery button after being click
More Posts:
- tkinter - Hello World! Program - Python
- How to Auto Fill Down in Excel for Mac - MacOS
- 573 List of reserved keywords in AWS DynamoDB - AWS
- How to Provide Full Disk Access to App on Mac - MacOS
- How to write hello world different languages syntax - HowTos
- How to Transpose a Square Matrix - Java Program - Java
- Java -Day of the week using Java 8 DayOfWeek Enum - Java
- Keyboard shortcuts to format Source code in Microsoft Visual Studio Code IDE - Microsoft