javascript - 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);