Using .each on dynamic objects in jQuery?

javascript jquery dynamic dynamically-generated each
o_O picture o_O · Jul 3, 2013 · Viewed 40.5k times · Source

There are lots of questions that seem to be asking this, but in the end all they want is to attach .click events and not .each and so the generally accepted answer in all of them include $("body").on("click", ".selector", function(){}); and this is definitely not what I want.

I have some generated inputs and I need to change the value of each one at the same time. Normally I would $(".inputs").each(function(){$(this).val("new-value")}; or something along those lines, however, I can't because of the dynamic aspect.

So how would you do a $("body").on("each", ".inputs", function(){});?

Answer

o_O picture o_O · Sep 12, 2013

Actually, it's as simple as running the .each inside setTimout.

setTimeout(function(){
  $(".inputs").each(function(){$(this).val("new-value")});
}, 5000);

Related questions

Modifying CSS class property values on the fly with JavaScript / jQuery

I've run into a unique situation that I have so far been unable to find a solution for: dynamically assigning a value to a CSS style. I know how to use jQuery to assign width, height, etc. to an element, …

Read More
JavaScript Dynamic Variable Names

Ok so I want to create variables as a user clicks threw the code every click adds a new variable. I am currently using jquery and javascript I can't do it server side this must be done in the browser. …

Read More
using variables within a jquery selector

I'm trying to build a dynamic jquery selector with the following code: var section_id = "{segment_3}"; var num_children = $('#'+ section_id + ' ul').children().size(); where segment_3 is a value I successfully retrieve from the url string, which, …

Read More