Company Blog
Detecting elements in jQuery
January 25, 2012The way I generally use to detect if an element exists is to use the size() method. The following code snippet determine's how many div tags exist on our page:
<script type="text/javascript">
$(document).ready(function() {
$(function() {
var numDivs = $("div").size();
console.log(numDivs);
});
});
</script>
<div class="test">first div</div>
<div>second div</div>
$(document).ready(function() {
$(function() {
var numDivs = $("div").size();
console.log(numDivs);
});
});
</script>
<div class="test">first div</div>
<div>second div</div>
The div's are displayed on the screen and our jQuery function stores the number of div tags in the "numDivs" variable, which outputs to our log. You can also test by an element's class or ID. We can change our "numDivs" variable assignment to look for all div's with a "test" class like this:
var numDivs = $("div.test").size();
To put this to use, we could test for element detection, then do something if the element exists, like this:
var numDivs = $("div.test").size();
if (numDivs > 0) {
do stuff...
}
if (numDivs > 0) {
do stuff...
}
Happy coding!
Add A Comment
Tweets
Played around with the mail server a bit tonight. Things are working much better now!
4 months ago
Happy holidays, everyone! :)
4 months ago
ColdFusion: News, Initiatives, and updates from Adobe http://t.co/v3XfUZSp
5 months ago
Recent Articles
Server Side Includes for HTML in IIS 7I found myself wondering if there was any way to create server-side includes with HTML today, so I d...
ColdFusion Roadmap
It's nice to hear, after the on-going rumors, that Adobe has released a public facing roadmap for Co...
Is It HTML5?
Multiple Skype Sessions
Here's a cool little trick I found out about Skype: You can run two separate sessions of Skype at t...
ColdFusion 10 Beta
ColdFusion 10 beta and ColdFusion Builder 2.0.1 beta are now available to the public at http://labs....