Javascript 如何在每次()迭代中更新页面元素?
我想在each()的每次迭代中更新messagecount元素。我该怎么做?我放置了一个计数器,它在每次迭代时递增。但它不起作用Javascript 如何在每次()迭代中更新页面元素?,javascript,jquery,d3.js,Javascript,Jquery,D3.js,我想在each()的每次迭代中更新messagecount元素。我该怎么做?我放置了一个计数器,它在每次迭代时递增。但它不起作用 cityMarkerCanvas.each(function(d,ienter code here) { var count=1; var self = this; var cb = function(){ $( "#inner1" ).append( "<p>Current tweet count:"+count
cityMarkerCanvas.each(function(d,ienter code here) {
var count=1;
var self = this;
var cb = function(){
$( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
var coords = projection([d.Lat, d.Long]);
d3.select(self)
.attr("cx", function(d) {
return coords[0];
})
.attr("cy", function(d) {
return coords[1];
})
.transition()
.attr("r", 3)
.attr("opacity", 1.0)
.duration(1000);
//console.log(i);
count++;
}
setTimeout(cb, 200*i);
})
citymarkercavas.each(函数(d,此处为客户代码){
var计数=1;
var self=这个;
var cb=函数(){
$(“#inner1”).append(“当前tweet计数:“+count+””);
cityMarkerCanvas.each(function(d,ienter code here) {
var count=1;
var self = this;
var cb = function(){
$( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
var coords = projection([d.Lat, d.Long]);
d3.select(self)
.attr("cx", function(d) {
return coords[0];
})
.attr("cy", function(d) {
return coords[1];
})
.transition()
.attr("r", 3)
.attr("opacity", 1.0)
.duration(1000);
//console.log(i);
count++;
}
setTimeout(cb, 200*i);
})
var coords=投影([d.Lat,d.Long]);
d3.选择(自我)
.attr(“cx”,功能(d){
返回坐标[0];
})
.attr(“cy”,函数(d){
返回坐标[1];
})
.transition()
.attr(“r”,3)
.attr(“不透明度”,1.0)
.持续时间(1000);
//控制台日志(i);
计数++;
}
设置超时(cb,200*i);
})
您必须在每次循环之前初始化计数
cityMarkerCanvas.each(function(d,ienter code here) {
var count=1;
var self = this;
var cb = function(){
$( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
var coords = projection([d.Lat, d.Long]);
d3.select(self)
.attr("cx", function(d) {
return coords[0];
})
.attr("cy", function(d) {
return coords[1];
})
.transition()
.attr("r", 3)
.attr("opacity", 1.0)
.duration(1000);
//console.log(i);
count++;
}
setTimeout(cb, 200*i);
})
var count=1;
cityMarkerCanvas.each(function(d,i) {
var self = this;
var cb = function(){
$( "#inner1" ).append( "<p>Current tweet count:"+(count++)+"</p>" );
var coords = projection([d.Lat, d.Long]);
d3.select(self)
.attr("cx", function(d) {
return coords[0];
})
.attr("cy", function(d) {
return coords[1];
})
.transition()
.attr("r", 3)
.attr("opacity", 1.0)
.duration(1000);
}
setTimeout(cb, 200*i);
});
var计数=1;
每个城市市场营销活动(功能(d,i){
var self=这个;
var cb=函数(){
$(“#inner1”).append(“当前tweet计数:”+(计数++)+“”);
cityMarkerCanvas.each(function(d,ienter code here) {
var count=1;
var self = this;
var cb = function(){
$( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
var coords = projection([d.Lat, d.Long]);
d3.select(self)
.attr("cx", function(d) {
return coords[0];
})
.attr("cy", function(d) {
return coords[1];
})
.transition()
.attr("r", 3)
.attr("opacity", 1.0)
.duration(1000);
//console.log(i);
count++;
}
setTimeout(cb, 200*i);
})
var coords=投影([d.Lat,d.Long]);
d3.选择(自我)
.attr(“cx”,功能(d){
返回坐标[0];
})
.attr(“cy”,函数(d){
返回坐标[1];
})
.transition()
.attr(“r”,3)
.attr(“不透明度”,1.0)
.持续时间(1000);
}
设置超时(cb,200*i);
});
您可以使用(i+1)
代替(count++)
,而无需使用count
变量。尝试定义var count=1代码>在城市市场营销活动之前。每个(
是的,我都试过了,效果很好。非常感谢。。
cityMarkerCanvas.each(function(d,ienter code here) {
var count=1;
var self = this;
var cb = function(){
$( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
var coords = projection([d.Lat, d.Long]);
d3.select(self)
.attr("cx", function(d) {
return coords[0];
})
.attr("cy", function(d) {
return coords[1];
})
.transition()
.attr("r", 3)
.attr("opacity", 1.0)
.duration(1000);
//console.log(i);
count++;
}
setTimeout(cb, 200*i);
})