What's the equivalent of 'getElementsByTagName' in jQuery?

Question

What's the equivalent of getElementsByTagName() in jQuery? I just want to create a collection of elements in jQuery so I can iterate through them and do something with each item.

Many thanks!

Answer 1

$("tagnamehere") 

So:

$("div").each(function() {     // do something exciting with each div     $(this).css("border", "1px solid red");      // do something by directly manipulating the wrapped DOM element     this.style.border = "1px solid red";      // do something only if this particular div has a class of 'pretty'     if($(this).hasClass("pretty")) {         $(this).text("I am the pretty one");     } }); 

or just:

// apply some css to all div elements $("div").css("border", "1px solid red"); 

Keep in mind that when you use jQuery to select a number of elements, e.g. $("span"), any method you invoke on the object will happen on all matched elements. Think of it as 'implicit iteration' - e.g. $("span").hide(); will hide all span elements on the page.

See:

• http://www.w3.org/TR/css3-selectors/
• http://api.jquery.com/category/selectors/
• http://api.jquery.com/each/

Answer 2

Just use the element selector

$('elementname') 

E.g.

$('div') 

And to do the iteration:

$('div').each(function(){     var $this = $(this);     //insert code here }); 

You may not have to iterate, however, as a method called upon the collection will be called for each item in the collection, so

$('div').hide(); 

...will hide all divs.