Question

这可能是一个简单的问题，但由于我是jQuery的新手，我需要有人为我查看这段代码。所以基本上我想改变多个锚标签的悬停状态的CSS，我尝试了下面的代码，但它没有用。这有什么问题？

(".p-container a").each(function () {
    $(this).css({'text-shadow':'0 0 0.2px '+ colorArray[i]});
    $(this).hover(function() {
           $(this).css({'text-shadow':'0 0 2px '+ colorArray[i]});
    },function() {
           $(this).css({'text-shadow':'0 0 0.2px '+ colorArray[i]});
    });
    i++;
});

代码在没有悬停功能的情况下工作，但我想同时更改悬停状态的CSS。有人知道怎么做吗？

由于 KJ

Answer 1

你是i的？它是.each() ^DOC函数的索引吗？

(".p-container a").each(function (i, value) {
    $(this).css({'text-shadow':'0 0 0.2px '+ colorArray[i]});
    $(this).hover(function() {
           $(this).css({'text-shadow':'0 0 2px '+ colorArray[i]});
    },function() {
           $(this).css({'text-shadow':'0 0 0.2px '+ colorArray[i]});
    });
    i++;
});

Answer 2

如果i出现问题，请colorArray。 i可以是全局变量。我认为问题遗漏$

$(".p-container a").each(function () {

在jQuery中，不能使用悬停函数进入每个函数？

2 个答案: