Question

基本上，我需要创建带有唯一 ID的div和/或li项目以及来自表单输入和按钮单击的值。

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

到目前为止，我已经完成了＆lt; div＆gt; 和＆lt; li> 通过jQuery 追加和JavaScript 创建动态生成，但这些都具有相同的ID和值。他们是克隆人。我需要创建独特的div，但我甚至不知道从哪里开始。

非常感谢您的帮助

P.S。 如果您不知道如何创建它，但您知道它与之相关的编程语言 - 请告诉我们！我非常善于搞清楚，但我目前还不知道我需要哪种语言来搜索解决方案。谢谢。

Answer 1

我建议这样的事情：

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

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

这是创造任何动物种类的更通用的功能。

function makeAnimal(species) {
  var id = species + $('.'+species).length;
  $('<div>').attr('class',species).attr('id',id).appendTo('body');
}

通过单击预定值（数据库）</li> </div>动态创建<div>或<li>项

1 个答案: