使用.empty函数时，Javascript循环仅返回最后一个值
使用.empty函数时，Javascript循环仅返回最后一个值
提问于 2015-05-14 01:42:57
我只想将数据附加到一个特定的ID myID中。它只打印循环的最后一个值，即3。
setInterval(sample, 2000);
function sample()
{
for(var i=0;i<=3;i++)
{
$('.found .find').each(function() {
if(this.id == "myID")
{
// if the ID of this element is equal to #myID
// this is the place where the data will append
$(this).empty();
$(this).append(i);
}
});
}
}HTML：
<div class="found">
<div class="find" id="myID"></div>
</div>
<div class="found">
<div class="find" id="anID"></div>
</div>
<div class="found">
<div class="find" id="anID2"></div>
</div>回答 4
Stack Overflow用户
发布于 2015-05-14 01:45:24
empty从给定的元素中删除所有子元素，因此您可能希望在循环之前使用它：
$('.found').empty();
for (var i=0; i <= 3; i++) {
$('.found').append(i);
}这将清空容器，然后添加元素(或数字)列表。
这可以在MVC框架的render方法中使用，在添加新内容之前清空先前呈现的容器。
Stack Overflow用户
发布于 2015-05-14 01:51:56
试一试
$(function() {
setInterval(loop, 1000);
function loop() {
var n = "0123";
for(var i=0;i<=3;i++) {
$(".found").find(".find[id*=ID]").html(n);
}
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div class="found">
<div class="find" id="myID"></div>
</div>
<div class="found">
<div class="find" id="anID"></div>
</div>
<div class="found">
<div class="find" id="anID2"></div>
</div>
Stack Overflow用户
发布于 2015-05-14 02:00:26
按您希望的方式修改代码只需运行一次原始代码，如果您想继续这样做
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<style>
</style>
</head>
<body>
<div class="found">
Hello World
</div>
<div class="found">
<div class="find" id="myID"></div>
</div>
<div class="found">
<div class="find" id="anID">Append here</div>
</div>
<div class="found">
<div class="find" id="anID2"></div>
</div>
<script>
$(document).ready(function(){
//$('#anID').empty();
for(var i=0;i<=3;i++)
{
$('<p>'+i+'</p>').appendTo('#anID');
//$('.found').append(i);
//$('.found').append("\n");
}
});
</script>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30221839
复制相关文章
相似问题
腾讯云开发者
