gpt4 book ai didi

javascript - 如何循环遍历数组并在 jquery 中点击类打印出元素?

转载 作者:行者123 更新时间:2023-11-28 05:54:47 26 4
gpt4 key购买 nike

当单击 div #background 时,我想在屏幕上一个一个地显示该数组的值,但在单击它时淡出并生成一个新元素。现在它产生了元素,但它们没有消失也没有淡入?我正在使用 jquery 并且对此非常陌生!

$(document).ready(function(){
var arr = ["hello", "hi", "what is up"];
$.each(arr, function(i, val){
$("#background").click(function(){
var element = "<h1>" + val + "</h1>";
$(".contain").fadeIn("slow").append(element);
$(element).remove();
});
});
});

最佳答案

尝试只设置一次回调:

$(document).ready(function(){
var arr = ["hello", "hi", "what is up"];
var i = 0;
$("#background").click(function(){
var element = $( "<h1 style='display:none'>" + arr[i] + "</h1>" );
$(".contain").html(element);
element.fadeIn("slow")
i =(i+1) % arr.length;
});
});

HTML

<body>
<div id='background'> <div class="contain"> click me </div> </div>
</body>

点击here运行实例。

关于javascript - 如何循环遍历数组并在 jquery 中点击类打印出元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37122658/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com