Javascript 以该类为目标，但该类未按预期工作

出于某种原因，正如您在我的笔中看到的，当我将鼠标悬停在“了解更多”按钮上时，它会将details类添加到所有卡片中

我试过了，但运气不好：

$(this).find('element')

以及：

//光滑滑块
$（'.responsive'）。光滑({
点：是的，
prevArrow:$（'.prev'），
下一行：$（'.next'），
无限：错，
速度:300,，
幻灯片放映：4，
幻灯片滚动：4，
响应：[{
断点：1024，
设置：{
幻灯片放映：3，
幻灯片滚动：3，
无限：是的，
圆点：对
}
},
{
断点：600，
设置：{
幻灯片放映：2，
幻灯片滚动：2
}
},
{
断点：480，
设置：{
幻灯片放映：1，
幻灯片滚动：1
}
}
//现在可以通过添加以下内容在给定断点取消单击：
//设置：“取消单击”
//而不是设置对象
]
});
//倾斜
$（“.tilt卡”）.tilt({
前景：1000，
})
//显示细节
$（“.bation more btn”）。悬停(
函数（）{
$（'.description overlay'）.addClass（'desc-hover'）；
},
函数（）{
$（“.description overlay”）.removeClass（'desc-hover'）；
}
);
$（文档）.ready（函数（）{
$（'button'）。悬停（函数（）{
$（this.text（'Read More'）；
}，函数（）{
$（this.text（'Learn More'）；
});
});
//滚动文本
$（文档）.ready（函数（）{
var计数；
var区间；
$（.btn”）.on（'mouseover'，function（）{
var div=$（'.description container'）；
间隔=设置间隔（函数（）{
计数=计数| | 1；
var pos=div.scrollTop（）；
分区滚动顶部（位置+计数）；
}, 100);
})。单击（函数（）{
如果（计数<6）{
计数=计数+1；
}
}).on（'mouseout'，function（）{
//在输出端重置速度
计数=0；
间隔时间；
$（“.description container”）.scrollTop（0）；
});
});
*{
字体系列：“Exo”，无衬线；
}
身体{
背景：url（“https://mankindreborn.com/wp-content/uploads/2018/04/newBG.jpg");
背景尺寸：封面；
}
html{
框大小：边框框；
}
*,
*：之前，
*：之后{
框大小：继承；
}
.集装箱{
填充顶部：100px；
}
img{
宽度：100%；
高度：400px；
填充物：5px；
}
氢{
文本对齐：居中；
垫底：1米；
}
.圆点{
文本对齐：居中；
裕度：0 10px 0；
填充：0；
李{
显示：内联块；
左边距：4倍；
保证金权利：4px；
&.滑头活跃{
钮扣{
背景色：黑色；
}
}
钮扣{
字体：0/0A；
文本阴影：无；
颜色：透明；
背景色：#999；
边界：无；
宽度：15px；
高度：15px；
边界半径：50%；
}
：悬停{
背景色：黑色；
}
}
}
/*自定义箭头*/
上一篇{
颜色：#999；
位置：绝对位置；
最高：38%；
左：-2米；
字号：1.5em；
：悬停{
光标：指针；
颜色：黑色；
}
}
.下一个{
颜色：#999；
位置：绝对位置；
最高：38%；
右：-2米；
字号：1.5em；
：悬停{
光标：指针；
颜色：黑色；
}
}
@媒体屏幕和屏幕（最大宽度：800px）{
.下一个{
显示：无！重要；
}
}
/*幻灯片*/
.滑滑梯{
利润率：0.10px；
}
/*父母*/
.花里胡哨的名单{
利润率：0-10px；
}
.幻灯片{
位置：相对位置；
}
.倾斜卡{
溢出：可见；
变换样式：保留-3d；
}
{
宽度：85%；
高度：自动；
变换：translateZ（30px）；
溢出：可见；
}
{
位置：绝对位置；
底部：0px；
}
.派系标志骗局{
位置：绝对位置；
顶部：10px；
}
.派系标志{
宽度：70%；
高度：自动；
变换：translateZ（20px）；
溢出：可见；
浮动：对；
右边距：10px；
}
.nsm覆盖{
位置：绝对位置；
宽度：96%；
左边距：6px；
顶部：4px；
高度：200px；
背景：url（'https://i.imgur.com/xBr7FM1.png');
背景重复：无重复；
背景大小：100%100%；
背景位置：右；
变换：translateZ（30px）；
}
.foe覆盖层{
位置：绝对位置；
宽度：98%；
左边距：3倍；
顶部：4px；
高度：200px；
背景：url（'https://i.imgur.com/tyF6AgV.png');
背景重复：无重复；
背景大小：100%100%；
背景位置：右；
变换：translateZ（30px）；
}
.更多btn{
位置：绝对位置；
底部：20px；
左边缘：53%；
z指数：100；
变换：translateZ（50px）；
背景色：#21cc；
边界：无；
颜色：#5858；
填充：10px 20px 10px；
}
.派系更多btn：悬停{
背景色：#68ddda；
颜色：#000；
}
.说明覆盖{
位置：绝对位置；
宽度：97%；
左边距：4倍；
底部：0px；
身高：0%；
背景色：#0e0ef5；
z指数：99；
transform:translateZ（37px）；
过渡：高度0.5s；
-webkit过渡：高度0.5s；
颜色：#fff；
左侧填充：25px；
左侧填充：25px；
}
.说明容器{
边缘顶部：20px；
溢出y：滚动；
高度：185px；
右边填充：20px；
-webkit掩码图像：-webkit渐变（线性、左上、左下、从（rgba（0,0,0,1））到（rgba（0,0,0,0）））；
}
.说明容器：：-webkit滚动条{
显示：无；
}
.描述悬停{
位置：绝对位置；
宽度：97%；
左边距：4倍；
底部：0px；
身高：100%；
背景色：#0e0ea6；
z指数：99；
transform:translateZ（37px）；
过渡：高度0.5s；
-webkit过渡：高度0.5s；
}
.说明覆盖图h2{
文本对齐：左对齐；
字体大小：20px；
边缘顶部：30px；
右边填充：10px；
}
.派系类型{
颜色：#68ddda；
利润上限：-25px；
}
.派系详情{
字体大小：10px；
}
佛塔{
位置：绝对位置；
顶部：0px；
身高：100%；
宽度：自动；
变换：translateZ（20px）；
}
.foe标志{
右边距：-8px；
利润上限：-9px；
}
.nsm img{
宽度：70%；
}
.nsm标志{
利润上限：-10px；
宽度：65%
}

('', this)

$(".faction-more-btn").hover(
  function() {
    $('.description-overlay').addClass('desc-hover');
  },
  function() {
    $(".description-overlay").removeClass('desc-hover');
  }
);

//show details
$(".faction-more-btn").hover(
  function() {
    $(this).siblings(".description-overlay").addClass('desc-hover');
  },
  function() {
    $(this).siblings(".description-overlay").removeClass('desc-hover');
  }
);

$(this).parent().find(".description-overlay");
$(this).closest('.tilt-card').find(".description-overlay");
$(this).siblings(".description-overlay")