使用HTML/Javascript访问动态创建的div中的元素

Question

我是javascript和JQuery编程的新手.通常,为了访问元素,我给它们一个id,所以我可以得到它们$("#"+id).blabla().

但现在我需要动态创建一个div,并访问其中的元素.

就像是

<div id="automaticallyGeneratedId">
   <div ???></div> <!-- first div -->
   <div ???></div> <!-- second div -->
</div>

访问和识别每个内部div的最佳实践是什么？我为他们生成另一个id？或者是什么？

我没有完全清楚选择者的理论.

编辑:修改问题,从识别单个内部div到识别其中许多div

Answer 1

您可以在生成时维护模式id.例如:

如果你总是产生id,如:myid1,myid2,myid3...

<div id="myid1">
   <div></div>
</div>

<div id="myid2">
   <div></div>
</div>

......

然后你可以尝试:

$('div[id^=myid]').find('div').foo();

要么

$('div[id^=myid] div').foo();

这里,^=以选择器开始,因此div[id^=myid]将选择div其id开头myid.

您也可以使用包含单词选择器,它~=就像使用一样$('div[id~=myid]').这将选择div与id包含文字myid.

而不是id如果你想使用其他属性,例如.name然后更改选择器,如:

$('div[name^=myid]')或$('div[name~=myid]').