Accessing an item of an array with jquery?

Question

How would I access the div with a text node of 2?

<script>
$(document).ready(function() {
  alert($('.content').length);

  $('.content').click(function(e) {
// ...
  })
});
</script>

<div class='content'>1</div>

<div class='content'>2</div>

<div class='content'>3</div>

<div class='content'>4</div>

If you mean when you click on it, use this or e.target in your click function: alert($(this).html()). — hyperslug
– hyperslug, Commented Nov 2, 2011 at 19:12

tvanfosson · Accepted Answer · 2011-11-02 18:25:29Z

1

Depends on whether that's your only HTML or not. If your items only contain single digits, contains will work. If not, you'll need to filter based on the content.

$('.content').filter( function() { return $(this).text() == '2'; } )
             ...

On the other hand if you just want the second element, regardless of content, you can use eq().

$('.content').eq(2)
             ...

answered Nov 2, 2011 at 18:25

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rob W · Accepted Answer · 2011-11-02 18:22:00Z

1

Use .filter() in conjunction with .text() to get a jQuery object which contains all elements whose text content equals 2 (rather than :contains, which also matches elements which are not onyl composed of 2 characters)

var divContaining2 = $('.content').filter(function(){
     return $(this).text() == "2";
})

Use the .eq() method to get the __th element which matches the selector:

var divs = $('.content'); // Contains all `.content` elements.
var div2 = divs.eq(2);    // Get the second, returns a jQuery object

// If you want the DOM element:
var div2DOM = divs2[0];   // Alternative method: `divs2.get(0)`

answered Nov 2, 2011 at 18:22

Rob W

350k87 gold badges811 silver badges683 bronze badges

2 Comments

Abe Miessler Over a year ago

Won't this get the div at index 2 regardless of what text it contains?

Rob W Over a year ago

@AbeMiessler Updated answer to reflect the question.

Abe Miessler · Accepted Answer · 2011-11-02 18:21:48Z

0

Try this

var myDiv = $('div:contains("2")');

answered Nov 2, 2011 at 18:21

Abe Miessler

85.7k104 gold badges324 silver badges496 bronze badges

2 Comments

tvanfosson Over a year ago

Except this also matches <div class='content'>12</div>

Abe Miessler Over a year ago

This is true. It does not perform an exact match. If he needs that then your method is best.

Rafay · Accepted Answer · 2011-11-02 18:22:26Z

0

try

$("div :contains(2)").....

DEMO

answered Nov 2, 2011 at 18:22

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Comments

arb · Accepted Answer · 2011-11-02 18:25:19Z

0

You'd want to use the filter() command of jQuery. Try this:

$(document).ready(function () {
    $('div.content').filter(function () {
        return $(this).text() == '2'
    }).css('background-color', 'red');
});

answered Nov 2, 2011 at 18:25

arb

7,8847 gold badges35 silver badges67 bronze badges

Collectives™ on Stack Overflow

Accessing an item of an array with jquery?

5 Answers 5

Comments

2 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related