Question

I have an array of names:

var names = ['john', 'ted', 'pam'];

in the document I have this div:

<div id="template">
  Name: <input type="text" class="fname" />
  Age: <input type="text" class="age" />
</div>

for each name in the array I want to create inputs for name and age and pre-fill name. in the loop I am doing this:

var myitem = $('#template').clone().removeAttr('id');

Now before adding the new nodes to the dom I want to stuff the name, so I need to select .fname, not all that there is in the document, but those (in this case 1) that is inside myitem.

So I want to tell jQuery, select elements with a class of foo in the scope of my variable. How do I do that?

Answer 1

$('.foo', myitem)