0

基本上,我需要通过表单输入和按钮单击创建具有唯一ID 和值的 div 和/或 li 项目。

例如,如果我想选择duck-div,我会在输入搜索栏中搜索它,选择它并单击“添加”。鸭子 div 将在背景中有一只鸭子和其他 div 的其他动物。好吧,动物不是我的目标,但你明白了。

到目前为止,我已经通过 jQuery append和 JavaScript create动态地创建了< div >< li >,但是它们都具有相同的 ID 和值。他们是克隆人。我需要创建独特的 div,但我什至不知道从这里去哪里。

非常感谢您的帮助

PS如果您不知道如何创建它,但您知道它与什么编程语言相关 - 请告诉我!我很擅长解决问题,但目前我什至不知道我需要从什么语言中搜索解决方案。谢谢你。

4

1 回答 1

0

我建议这样的事情:

function makeDuck() {
  var duckCount = $('.duck').length;
  var duckId = 'duck'+duckCount;
  $('<div class="duck">').attr('id',duckId).appendTo('body');
}

当你创建一个鸭子 div 时,你给它一个“鸭子”类。这使您可以在创建新 div 之前计算现有“duck” div 的数量,并使用该计数来生成唯一 id。

这是创建任何动物物种的更通用的函数。

function makeAnimal(species) {
  var id = species + $('.'+species).length;
  $('<div>').attr('class',species).attr('id',id).appendTo('body');
}
于 2013-07-06T21:00:11.643 回答