How do I obtain a particular element using its tag name?

Question

I'm using $('div').css('color', 'red'); but I want the 5th div in my code to have red text. How would I do this?

have you tried using .each()? – Christopher Pelayo Feb 14 '12 at 01:23 — Christopher Pelayo, Feb 14 '12 at 01:23

score 4 · Accepted Answer · answered Feb 14 '12 at 01:24

4

$('div:eq(4)').css('color', 'red')

the :eq selector takes a 0-based integer

answered Feb 14 '12 at 01:24

Vigrond

I always use the function thinking that is better for performance but I haven't tested it `$('div').eq(4).css('color', 'red')` Imma run a jsPerf and see... – elclanrs Feb 14 '12 at 01:27
1

Indeed, the `:eq` selector is way slower than the `eq()` function. [jsPerf Test](http://jsperf.com/eq-selector-vs-eq-function-in-jquery) – elclanrs Feb 14 '12 at 01:29
For speed, `getElementsByTagName` runs rings around any jQuery equivalent. – RobG Feb 14 '12 at 03:14

score 0 · Answer 2 · answered Feb 14 '12 at 01:26

0

To answer the title question, if the particular element is named foo, you would use $('#foo').

answered Feb 14 '12 at 01:26

John Pick

score 0 · Answer 3 · edited May 23 '17 at 12:27

0

You can use the :eq jQuery selector. See jsFiddle here:

Also see this SOq:

edited May 23 '17 at 12:27

Community

answered Feb 14 '12 at 01:28

icyrock.com

RobG · Answer 4 · 2012-02-14T03:13:45.900

0

POJS:

document.getElementsByTagName('div')[5].style.color = 'red';

It might be boring, but it's 20 to 30 times faster than the jQuery equivalent in IE 8.

edited Feb 14 '12 at 03:13

answered Feb 14 '12 at 03:08

RobG

4 Answers4