jquery - 如何限制对克隆元素的子项的选择？

Question

我有一系列名字：

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

在文件中我有这个div：

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

对于数组中的每个名称，我想为名称和年龄以及预填充名称创建输入。在循环中我这样做：

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

现在在将新节点添加到dom之前我想填充名称，所以我需要选择.fname，而不是文档中的所有内容，但是内部的那些（在本例中为1） myitem。

所以我想告诉jQuery，在我的变量的范围内选择foo 类的元素。我该怎么做？

Answer 1

有两种方法，一种是在返回的对象上使用find()方法，另一种是使用jQuery函数的第二个参数，即

var firstWay=myitem.find(".foo");
var secondWay=$(".foo", myitem);

Answer 2

假设它是一个jQuery对象，

$variable.find( selector );应该可以做到这一点。

Answer 3

$('.foo', myitem)