2
How to check if an element exists in jQuery
source link: https://www.laravelcode.com/post/how-to-check-if-an-element-exists-in-jquery
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
How to check if an element exists in jQuery
Use the jQuery .length Property
You can use the jQuery .length property to determine whether an element exists or not in case if you want to fire some event only if a particular element exists in DOM.
Here's an example that displays an alert on button click if the specified element exists.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Test If an Element Exists</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
if($("#myDiv").length){
alert("The element you're testing is present.");
}
});
});
</script>
</head>
<body>
<div id="myDiv"></div>
<p>The quick brown fox jumps over the lazy dog</p>
<button>Check Element</button>
</body>Author : Harsukh Makwana
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK