Javascript 在类元素中循环时获取数据Atribute
我目前正在学习javascript,我的任务之一是循环遍历具有特定类名的所有div,并使用catch逐个显示/隐藏它们,其中每个div的计时不同,并且正确的值存储在具有特定类名的每个div的数据属性标记中Javascript 在类元素中循环时获取数据Atribute,javascript,jquery,each,delay,wait,Javascript,Jquery,Each,Delay,Wait,我目前正在学习javascript,我的任务之一是循环遍历具有特定类名的所有div,并使用catch逐个显示/隐藏它们,其中每个div的计时不同,并且正确的值存储在具有特定类名的每个div的数据属性标记中 window.onload=function(){ α(); } 函数alpha(){ var-dataAttribute=1000; $(“.element”).each($).wait(dataAttribute,function(){ $(this).show().delay(data
window.onload=function(){
α();
}
函数alpha(){
var-dataAttribute=1000;
$(“.element”).each($).wait(dataAttribute,function(){
$(this).show().delay(dataAttribute).queue(function()){
$(this.hide();
});
});
}
.element{
显示:无;
}
一个
两个
三
四
五个
您可以使用以下内容:
function alpha(i = 0) {
var element = $(".element:eq(" + i + ")");
var time = parseInt(element.attr("data-attribute"));
element.show().wait(time, function() {
$(this).hide();
i++;
if (i < ($(".element").length))
alpha(i);
});
}
函数alpha(i=0){
变量元素=$(“.element:eq(“+i+”));
var time=parseInt(element.attr(“数据属性”));
元素.show().wait(时间,函数()){
$(this.hide();
i++;
如果(i<($(“.element”).length))
α(i);
});
}
您可以使用以下内容:
function alpha(i = 0) {
var element = $(".element:eq(" + i + ")");
var time = parseInt(element.attr("data-attribute"));
element.show().wait(time, function() {
$(this).hide();
i++;
if (i < ($(".element").length))
alpha(i);
});
}
函数alpha(i=0){
变量元素=$(“.element:eq(“+i+”));
var time=parseInt(element.attr(“数据属性”));
元素.show().wait(时间,函数()){
$(this.hide();
i++;
如果(i<($(“.element”).length))
α(i);
});
}
可能是数据类型转换问题-您是否尝试过parseInt($(this.data(“attribute”))
?@user7290573不幸的是,是的。结果是,所有元素一次出现,然后根据数据属性标记中设置的值正确隐藏自己。可能是数据类型转换问题-您是否尝试了parseInt($(this).data(“attribute”)
?@user7290573不幸的是,是的。其效果是所有元素一次出现,然后根据数据属性标记中设置的值正确隐藏自己。