jquery获取动态创建的对象
用DOM动态创建的div并且.setAttribute("class","divblock");用$('.divblock')获取不到?还是动态创建的获取不到?我直接在b...
用DOM动态创建的div并且.setAttribute("class", "divblock");
用$('.divblock')获取不到?
还是动态创建的获取不到?
我直接在body里面写
<div class="divblock"></div>
<div class="divblock"></div>
用 $('.divblock')就可以获得,也可以操作,比如 $('.divblock').html('ok');
但是我用 var size=15;
function creater(t, l) {//动态创建div,t,l为定位坐标
var div_content = document.getElementById('div_content');
var newblock = document.createElement("div");
newblock.setAttribute("class", "divblock");
newblock.style.display = "inline";
newblock.style.border = "solid 1px gray";
newblock.style.width = size + 'px';
newblock.style.lineHeight = size + 'px';
newblock.style.position = "absolute";
newblock.style.top = t + 'px';
newblock.style.left = l + 'px';
div_content.appendChild(newblock);
}
creater(50, 60);
creater(65, 60);
creater(65, 75);
creater(80, 75);
$('.divblock').html('ok');在这里却得不到创建的div 展开
用$('.divblock')获取不到?
还是动态创建的获取不到?
我直接在body里面写
<div class="divblock"></div>
<div class="divblock"></div>
用 $('.divblock')就可以获得,也可以操作,比如 $('.divblock').html('ok');
但是我用 var size=15;
function creater(t, l) {//动态创建div,t,l为定位坐标
var div_content = document.getElementById('div_content');
var newblock = document.createElement("div");
newblock.setAttribute("class", "divblock");
newblock.style.display = "inline";
newblock.style.border = "solid 1px gray";
newblock.style.width = size + 'px';
newblock.style.lineHeight = size + 'px';
newblock.style.position = "absolute";
newblock.style.top = t + 'px';
newblock.style.left = l + 'px';
div_content.appendChild(newblock);
}
creater(50, 60);
creater(65, 60);
creater(65, 75);
creater(80, 75);
$('.divblock').html('ok');在这里却得不到创建的div 展开
4个回答
展开全部
<html>
<head>
</head>
<body>
<div id="result"></div>
<script type="text/javascript">
creater(50, 60);
creater(65, 60);
creater(65, 75);
creater(80, 75);
creater(50, 60);
creater(65, 60);
creater(65, 75);
creater(80, 75);
function creater(t, l) {//动态创建div,t,l为定位坐标
//var div_content = document.getElementById("test");
var size = 20;
var newblock = document.createElement("div");
newblock.setAttribute("class", "divblock");
newblock.style.display = "inline";
newblock.style.border = "solid 1px gray";
newblock.style.width = size + 'px';
newblock.style.lineHeight = size + 'px';
newblock.style.position = "absolute";
newblock.style.top = t + 'px';
newblock.style.left = l + 'px';
document.getElementById("result").appendChild(newblock);
}
</script>
</body>
</html>
试试上面的
<head>
</head>
<body>
<div id="result"></div>
<script type="text/javascript">
creater(50, 60);
creater(65, 60);
creater(65, 75);
creater(80, 75);
creater(50, 60);
creater(65, 60);
creater(65, 75);
creater(80, 75);
function creater(t, l) {//动态创建div,t,l为定位坐标
//var div_content = document.getElementById("test");
var size = 20;
var newblock = document.createElement("div");
newblock.setAttribute("class", "divblock");
newblock.style.display = "inline";
newblock.style.border = "solid 1px gray";
newblock.style.width = size + 'px';
newblock.style.lineHeight = size + 'px';
newblock.style.position = "absolute";
newblock.style.top = t + 'px';
newblock.style.left = l + 'px';
document.getElementById("result").appendChild(newblock);
}
</script>
</body>
</html>
试试上面的
追问
这一部我那代码里面有了,添加的可以在页面显示出来。我就是用jquery得不到创建的class为divblock的div集合.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
class 不是 Attribute!
需要添加Class需要使用addClass!!而不是setAttribute
用法$("选择控件").addClass("class的名称");
需要添加Class需要使用addClass!!而不是setAttribute
用法$("选择控件").addClass("class的名称");
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
原因:
$(document).ready(function(){
// 在这里写你的代码...
});
$(document).ready(function(){
// 在这里写你的代码...
});
追问
$(document).ready(function() {
$('.divblock').html('ok');
});
也不能赋值上去
追答
无标题页
$(function()
{
creater(50, 60);
$('.divblock').html('ok');
})
function creater(t, l)
{
var size=15;
var div_content = document.getElementById('div_content');
var newblock = document.createElement("div");
newblock.setAttribute("class", "divblock");
newblock.style.display = "inline";
newblock.style.border = "solid 1px gray";
newblock.style.width = size + 'px';
newblock.style.lineHeight = size + 'px';
newblock.style.position = "absolute";
newblock.style.top = t + 'px';
newblock.style.left = l + 'px';
div_content.appendChild(newblock)
}
123
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("#divblock")
更多追问追答
追问
不行咯,#是获取id的
追答
获取样式不是这样获取的、
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询