使用jQuery开发轮播组件：图片可切换但链接未更新，求排查错误

嘿，我看到你的问题了——轮播图能切换图片但对应链接的href属性没更新，咱们来拆解下代码里的问题所在。

首先，核心问题出在你获取目标链接href的逻辑上：
你定义了 var imagenesSlider = $(".invisible > a");，这意味着imagenesSlider数组里的每一项本身就是<a>元素。但你在设置#slider a的href时，却写了：

$("#slider a").attr("href", $(imagenesSlider[currentImg]).find("a").attr("href"));

这里的.find("a")是在当前<a>元素内部查找子级<a>标签，而你的结构里显然没有嵌套的<a>，所以这会返回undefined，导致链接的href根本没被正确赋值。

修复步骤 #

只需要去掉多余的.find("a")，直接获取当前imagenesSlider项的href属性即可：

修正后的完整代码：

var imagenesSlider = $(".invisible > a"); 
var currentImg = 1; 

// 可选优化：页面加载时先初始化轮播的初始内容（避免默认内容和轮播第一帧不一致）
$("#slider a").attr("href", $(imagenesSlider[0]).attr("href"));
$("#slider img").attr("src", $(imagenesSlider[0]).find("img").attr("src"));

setInterval(function() { 
    console.log(imagenesSlider[currentImg]) 
    console.log(currentImg) 
    // 修正：直接取当前a标签的href属性
    $("#slider a").attr("href", $(imagenesSlider[currentImg]).attr("href")); 
    $("#slider img").attr("src", $(imagenesSlider[currentImg]).find("img").attr("src")); 
    currentImg++; 
    if (currentImg == imagenesSlider.length) { 
        currentImg = 0; 
    } 
}, 6000);

额外小建议 #

• 注意currentImg的初始值：你设置为1，意味着第一次轮播会直接跳到第2个元素，初始页面显示的是#slider的默认内容，可能不符合预期。建议把初始值设为0，或者像上面代码那样提前初始化一次轮播内容。
• 可以加个边界判断：如果imagenesSlider.length为0（没有轮播图），就不要启动定时器，避免无效执行。

内容的提问来源于stack exchange，提问作者Mike224