使用javascript / jquery动态创建div [英] dynamically creating div using javascript/jquery

问题描述

我有两个名为answerdiv 1& answerdiv 2in html。

现在我想给/创建div id唯一地像answerdiv 3answerdiv 4answerdiv 5等等。 / p>

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

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

帮助我。

感谢Adv

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

我的HTML代码是：

 < div id = answertextdiv > 
< textarea id =answertextname =answertextplaceholder =在此输入答案rows =2cols =40tabindex =6onBlur =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 ='在这里键入答案'rows ='2'cols = '40'tabindex ='6'的onblur = 'exchangeLabelsanswertxt（本）;' > 中+导致+ < / textarea的>中）; 
 
 $ / code> 

现在从上面的代码我想追加所有东西在唯一的answertextdivID 。

解决方案

如果您的div位于以下容器中：



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

您可以这样做：



  //当你需要一个新的answerdiv时添加
 var $ container = $（container）; 
 $ container.append（'< div id =answerdiv'+ $ container.children（）。length + 1 +'>< / div>'）; 
  

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

I have two div called "answerdiv 1" & "answerdiv 2" in html.

now i want to give/create div id uniquely like "answerdiv 3" "answerdiv 4" "answerdiv 5" and so on.

Using javascript/jquery how can i append stuff in these dynamically created divs which id should be unique?

in my project user can add "n" numbers of div, there is no strict limit to it.

Help me out.

Thanks in Adv

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

My HTML code is:

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

My JS code:

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>");
}

Now from above code I want to append all stuff in unique "answertextdiv" id.

解决方案

If your divs are in a container like:

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

you could do something like:

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

If possible, try not to use global variables...they'll eventually come back to bite you and you don't really need a global variable in this case.

这篇关于使用javascript / jquery动态创建div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！