Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在类元素中循环时获取数据Atribute_Javascript_Jquery_Each_Delay_Wait - Fatal编程技术网

Javascript 在类元素中循环时获取数据Atribute

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

我目前正在学习javascript,我的任务之一是循环遍历具有特定类名的所有div,并使用catch逐个显示/隐藏它们,其中每个div的计时不同,并且正确的值存储在具有特定类名的每个div的数据属性标记中

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不幸的是,是的。其效果是所有元素一次出现,然后根据数据属性标记中设置的值正确隐藏自己。