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.
<!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>
</html>
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.
<!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>
</html>
No comments:
Post a Comment