Javascript 将div追加到动态创建的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
$.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')