Identify Attribute of Each Object in Array?

Question

I am trying to identify an attribute within each object of an array of checked boxes, but this code returns the desired element of only the attribute of the first object in the array for the number of boxes that I have checked. Here is my code:

function() {
    var checkedBoxes = $("[name='select-services']:checked");
    checkedBoxes.each(function(){
        console.log(checkedBoxes.attr("value"))
    }

For example, if the values of three selected boxes are "value 1", "value 2", and "value 3", I will receive the output "value 1" three times.

Refer to this inside the each to get to the item being iterated over. (or use the second argument) — CertainPerformance
– CertainPerformance, Commented Oct 19, 2018 at 7:17

Mark · Accepted Answer · 2018-10-19 07:19:14Z

1

Like the description of attr() says:

Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element.

What you're doing now is getting the attr of the first item in checkedBoxes. But what you want is to get the value of the item you're currently iterating over. You can do that using $(this) in the function like in the example below.

checkedBoxes.each(function(){
    console.log($(this).attr("value"))
}

answered Oct 19, 2018 at 7:19

Mark

5,2592 gold badges22 silver badges32 bronze badges

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

Comments

Sid · Accepted Answer · 2018-10-20 05:42:06Z

0

The following code assigns an obj reference to each iteration of array and uses its attribute. The issue is you are querying checkedBoxes everytime in the loop.

function() {
    var checkedBoxes = $("[name='select-services']:checked");
    checkedBoxes.each(function(index, obj){
        console.log(obj.attr("value"))
    }

edited Oct 20, 2018 at 5:42

answered Oct 19, 2018 at 7:20

Sid

5,00314 gold badges62 silver badges116 bronze badges

2 Comments

CertainPerformance Over a year ago

The first argument to each is the index, not the element. Use this instead, or use the second argument, not the first.

Sid Over a year ago

Corrected. The second argument is the value. I have a healthy disrespect for this in javascript and try to avoid it as much as possible.

Collectives™ on Stack Overflow

Identify Attribute of Each Object in Array?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related