Get html value from object within an array

Question

I have an exemplary JavaScript code snippet. What I'm trying to achieve here is getting html, and id attribute value from an object within the array

var swatches = $(".swatchColor");
for (var i = 0; i < swatches.length; i++) {
     var value = parseInt(swatches[i].html());
     if (!isNaN(value)) {
         alert(swatches[i].attr("id"));
     }
};

but for some reason I get Uncaught TypeError: undefined is not a function error when swatches[i].html() is executed. Why does it happen?

Try $(swatches[i]).html(). As noted below though, .each() is the more common way of accomplishing this. — Patrick Q
– Patrick Q, Commented Jun 24, 2014 at 15:59
If you're using jQuery, you should consider using its each method. — pdoherty926
– pdoherty926, Commented Jun 24, 2014 at 15:59

Community · Accepted Answer · 2017-05-23 10:32:21Z

3

The jQuery class selector does not provide an array of node elements for you to iterate through.

From this answer, you need to do the following to iterate through all of the nodes:

$(".swatchColor").each(function(i, obj) {
    var value = parseInt($(obj).html());
    //etc...
});

edited May 23, 2017 at 10:32

CommunityBot

11 silver badge

answered Jun 24, 2014 at 15:59

Kodlee Yin

1,0895 silver badges10 bronze badges

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

2 Comments

Bartosz Over a year ago

That eventually worked for me, but had to change it to: var value = parseInt($(obj).html()); Please consider updating your answer, will mark it as an answer

Andrew Whitaker Over a year ago

obj is a DOM element, not a jQuery object. Your answer has the same problem as the original question.

Collectives™ on Stack Overflow

Get html value from object within an array

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related