使用JavaScript/jQuery动态创建div

22 浏览
0 Comments

使用JavaScript/jQuery动态创建div

我在html中有两个叫做“answerdiv 1”和“answerdiv 2”的div。

现在我想要像“answerdiv 3”“answerdiv 4”“answerdiv 5”等一样创建唯一的div id。

使用javascript/jquery如何在这些动态创建的div中添加东西，其id应该是唯一的？

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

请帮帮我。

谢谢提前

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

我的HTML代码是：

我的JS代码：

function exchangeLabelsanswertxt(element)
{
    var result = $(element).val();
    if(result!="")
    {
        $(element).remove();
        $("#answertextdiv").append("");
    }
}
function exchangeFieldanswertxt(element)
{
    var result = element.innerHTML; 
    $(element).remove();
    $("#answertextdiv").append(""); }

现在，我想将所有的东西附加到唯一的“answertextdiv”id中，来自上述代码。

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

您可以尝试像这样创建具有唯一ID的

。

HTML


 This is div with id 1
 This is div with id 2

JavaScript

var i=2;
function insertDiv(){
    for(i;i<10;i++)
    {
        var d_id = i+1;
        $( "This is div with id "+d_id+"" ).insertAfter( "#answerdiv-"+i );
    }
}

这里是演示

0
0 Comments

如果您的divs位于容器中，例如：





您可以像这样进行操作：




//Call this whenever you need a new answerdiv added
var $container = $("container");
$container.append('');





如果可能，尽可能避免使用全局变量……它们最终会反过来困扰您，并且在这种情况下您实际上并不需要全局变量。

									

				

									

			

			
0