jQuery Retrieve the contents of an array of divs

Question

I have a collection of divs on a page with the same class name.

<div class="ProductName">Product Foo</div>
<div class="ProductName">Product Bar</div>

I would like to be able to retrieve, iterate through and this case alert the ProductName div's contents.

Currently I can retrieve and iterate, but I can't alert the individual contents.

var ExistingProductNamesOnscreen = $.makeArray($(".ProductName"));
$.each(ExistingProductNamesOnscreen, function (key, val) {
    alert(*ProductName contents*);
});

Thanks everyone for your more elegant solutions!

Nicholas Murray
– Nicholas Murray

2010-02-09 11:22:39 +00:00
Commented Feb 9, 2010 at 11:22 — Nicholas Murray
– Nicholas Murray, Commented Feb 9, 2010 at 11:22

harpax · Accepted Answer · 2010-02-09 11:10:55Z

4

$(".ProductName").each(function(k, v) {
    alert($(v).text());
});

answered Feb 9, 2010 at 11:10

harpax

6,1265 gold badges38 silver badges49 bronze badges

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

Comments

bang · Accepted Answer · 2010-02-09 11:08:14Z

1

$(".ProductName").each(function ()
{
    alert($(this).text());
});

answered Feb 9, 2010 at 11:08

bang

5,2711 gold badge28 silver badges31 bronze badges

Comments

Adam Kiss · Accepted Answer · 2010-02-09 11:06:03Z

0

did you try

alert ($(this).text());

or

alert ($(this).html());

?

(The first should alert text contents, while the latter also any tags found in particular div)

answered Feb 9, 2010 at 11:06

Adam Kiss

11.9k10 gold badges51 silver badges82 bronze badges

Collectives™ on Stack Overflow

jQuery Retrieve the contents of an array of divs

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related