Find ids counting up without repeating the code

Question

Don't worry about the vwo__$, it is just jquery used on another system.

First I am creating id's numbered for each, then instead of repeating the code can I make jquery find all id's div.text-right#top-1 up to around 20?

vwo_$.each(vwo_$("div.details div.text-right"), function(ind) {
   vwo_$(this).attr('id', 'top-' + parseInt(ind + 1));
});

var x = 1
vwo_$.each(vwo_$("div.text-right#top-:eq(' + x + ')"), function(x) {
   x++;
   vwo_$(this).append(vwo_$("div.infolist ul:nth-child(1) li:nth-child(1)"));
   console.log(x)
   });

I would like a more efficient for the jquery selector to count.

It doesn't continue looking for ids after #top-1

Possible duplicate of How to get CSS to select ID that begins with a string (not in Javascript)? — silentw
– silentw, Commented Dec 11, 2017 at 16:02

silentw · Accepted Answer · 2017-12-11 16:05:42Z

0

vwo_$.each(vwo_$("div.details div.text-right"), function(ind) {
    vwo_$(this).attr('id', 'top-' + parseInt(ind + 1));
});

vwo_$.each(vwo_$("div.text-right[id^=top-]"), function(idx, value) {
    vwo_$(this).append(vwo_$("div.infolist ul:nth-child(1) li:nth-child(1)"));
    console.log(idx);
});

Edit:

[id^=top-] ^= indicates "starts with". Conversely, $= indicates "ends with".

The symbols are actually borrowed from Regex syntax, where ^ and $ mean "start of string" and "end of string" respectively.

See the specs for full information.

SOURCE

answered Dec 11, 2017 at 16:05

silentw

4,8854 gold badges27 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

Find ids counting up without repeating the code

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related