using an index within jQuery each method

Question

I have the following loop using the jQuery each method. I'm trying to leverage the index of the loop to ensure checkboxes and labels in my markup have the correct dynamic content. On each pass through, I'm appending the index to the class name then assigning a value and text content to the appropriate elements, based on the new modified class name. Is there a simpler or cleaner way to go about this? 'Managers' in this case contains text and value properties for the items I'm iterating through.

$(Managers).each(function (index) {
    $('.chk-hr').attr('class', 'chk-hr-' + index);
    $('.chk-hr-' + index).attr("value", this.Text);
    $('.lbl-hr').attr('class', 'lbl-hr-' + index);     
    $('.lbl-hr-' + index).text(this.Text);
});

Desired output:

<input class="chk-hr-0" value="Bob">
<span class="lbl-hr-0">Bob</span>
<input class="chk-hr-1" value="John">
<span class="lbl-hr-1">John</span>

desired output added to original post

noclist
– noclist

2017-12-05 17:48:56 +00:00
Commented Dec 5, 2017 at 17:48 — noclist
– noclist, Commented Dec 5, 2017 at 17:48
You could use .eq.

Clayton Leis
– Clayton Leis

2017-12-05 18:09:06 +00:00
Commented Dec 5, 2017 at 18:09 — Clayton Leis
– Clayton Leis, Commented Dec 5, 2017 at 18:09
@ClaytonLeis thanks, exactly what I was looking for

noclist
– noclist

2017-12-05 19:47:58 +00:00
Commented Dec 5, 2017 at 19:47 — noclist
– noclist, Commented Dec 5, 2017 at 19:47

noclist · Accepted Answer · 2017-12-05 19:49:38Z

1

As suggested by @ClaytonLeis, .eq helped me simplify this loop:

$(Managers).each(function (index) {
    $('.chk-hr').eq(index).attr("value", this.Text);
    $('.lbl-hr').eq(index).text(this.Text);
});

answered Dec 5, 2017 at 19:49

noclist

1,8374 gold badges34 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

using an index within jQuery each method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related