Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将div追加到动态创建的div_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 将div追加到动态创建的div

Javascript 将div追加到动态创建的div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在迭代一个数组并动态创建一个div,如下所示: $.each(item,function(k,item2) { html = '<td><div id="test">'+item2.Name +'</div></td>' //For just testing purpose , I am adding a div dynamically as: $("#test").append("<div clas

我正在迭代一个数组并动态创建一个div,如下所示:

   $.each(item,function(k,item2) {
     html = '<td><div id="test">'+item2.Name +'</div></td>'

     //For just testing purpose , I am adding a div dynamically as:
     $("#test").append("<div class='test class'></div>");
   });
$。每个(项,函数(k,项2){
html=''+item2.Name+''
//出于测试目的,我将动态添加一个div,如下所示:
$(“#测试”)。追加(“”);
});
但最后,当我浏览html页面时,根本找不到class='test class'的新div。 有什么我遗漏的吗

编辑: 在html标记“html”中,有多个div,我想通过id附加到一个特定的div

不确定问题出在哪里: 但是在html被创建之后,
$(“#测试”)。附加(“”)
可以工作,但使用$(html)追加。find()不能动态创建id为“test”的元素,您只是在变量中赋值。请尝试下面的代码

$.each(item,function(k,item2) {
     html = '<td><div id="test">'+item2.Name +'</div></td>';
     $('any existing element class/id').html(html);
     //For just testing purpose , I am adding a div dynamically as:
     $("#test").append("<div class='test class'></div>");
});
$。每个(项,函数(k,项2){
html=''+item2.Name+'';
$('anyexistingelementclass/id').html(html);
//出于测试目的,我将动态添加一个div,如下所示:
$(“#测试”)。追加(“”);
});

您不是在动态创建id为“test”的元素,而是在变量中赋值。请尝试下面的代码

$.each(item,function(k,item2) {
     html = '<td><div id="test">'+item2.Name +'</div></td>';
     $('any existing element class/id').html(html);
     //For just testing purpose , I am adding a div dynamically as:
     $("#test").append("<div class='test class'></div>");
});
$。每个(项,函数(k,项2){
html=''+item2.Name+'';
$('anyexistingelementclass/id').html(html);
//出于测试目的,我将动态添加一个div,如下所示:
$(“#测试”)。追加(“”);
});
由于元素未追加到DOM中,因此无法使用
$
选择器访问它。 您可以使用
html
字符串形式的
variable holding元素,内容将不是
文档
,但您可以在使用
$
包装后访问
\test
元素

$。每个(项,函数(k,项2){
var html=''+item2.Name+'';
$(html).find(“#test”).append(“”);
});
由于元素未追加到DOM中,因此无法使用
$
选择器访问它。 您可以使用
html
字符串形式的
variable holding元素,内容将不是
文档
,但您可以在使用
$
包装后访问
\test
元素

$。每个(项,函数(k,项2){
var html=''+item2.Name+'';
$(html).find(“#test”).append(“”);

});
你能做
console.log($(“#test”)
console.log(item)
$(html)。查找('#test')。追加(“”)也可能只是div被折叠了?运行函数后,请在控制台中尝试
$('.test.class')
,您可以执行
console.log($(“#test”))
console.log(item)
$(html)。查找('#test')。追加(“”)也可能只是div被折叠了?运行函数后,请在控制台中尝试
$('.test.class')