javascript - 使用javascript/jquery动态创建div

我在HTML中有两个div，分别称为“answerdiv 1”和“answerdiv 2”。

现在我想给/创建唯一的div ID，例如“answerdiv 3”，“answerdiv 4”，“answerdiv 5”等等。

我如何使用javascript/jquery在这些动态创建的div中添加内容，这些ID应该是唯一的？

在我的项目中，用户可以添加div的“n”个数字，对此没有严格限制。

帮帮我。

感谢Adv

================================================== =============================

我的HTML代码是:

<div id="answertextdiv">
   <textarea id="answertext" name="answertext" placeholder="Type answer here" rows="2" cols="40" tabindex="6" onBlur="exchangeLabelsanswertxt(this);"></textarea>
</div>

我的JS代码:

function exchangeLabelsanswertxt(element)
{
    var result = $(element).val();
    if(result!="")
    {
        $(element).remove();
        $("#answertextdiv").append("<label id='answertext' onClick='exchangeFieldanswertxt(this);'>"+result+"</label>");
    }
}
function exchangeFieldanswertxt(element)
{
    var result = element.innerHTML;
    $(element).remove();
    $("#answertextdiv").append("<textarea id='answertext' name='answertext' placeholder='Type answer here' rows='2' cols='40' tabindex='6' onBlur='exchangeLabelsanswertxt(this);'>"+result+"</textarea>");
}

现在，从上面的代码中，我想将所有内容附加到唯一的“answertextdiv” ID中。

最佳答案

如果您的div位于类似以下的容器中:

<div id="container">
  <div id="answerdiv 1"></div>
  <div id="answerdiv 2"></div>
</div>

您可以执行以下操作:

//Call this whenever you need a new answerdiv added
var $container = $("container");
$container.append('<div id="answerdiv ' + $container.children().length + 1 + '"></div>');

如果可能的话，尽量不要使用全局变量...它们最终会咬你，在这种情况下，您实际上并不需要全局变量。