Javascript jquery通过锚点循环以匹配悬停锚点的类并应用css 请考虑以下HTML： <div class="week start-available start-mid end-available end-mid overlap-False"> <a href="http://alink.com" class="20130906-20130912"> <span class="wk-start" style=""> <span class="day overlap-False">9 </span> <span class="day overlap-False">10 </span> <span class="day overlap-False">11 </span> <span class="day overlap-False">12 </span> </span> </a> <a href="http://alink.com" class="20130913-20130919"> <span class="wk-end"> <span class="day overlap-False">13 </span> <span class="day overlap-False">14 </span> <span class="day overlap-False">15 </span> </span> </a> </div> <div class="week start-available start-mid end-available end-mid overlap-False"> <a href="http://alink.com" class="20130913-20130919"> <span class="wk-start" style=""> <span class="day overlap-False">16 </span> <span class="day overlap-False">17 </span> <span class="day overlap-False">18 </span> <span class="day overlap-False">19 </span> </span> </a> <a href="http://alink.com" class="20130920-20130926"> <span class="wk-end"> <span class="day overlap-False">20 </span> <span class="day overlap-False">21 </span> <span class="day overlap-False">22 </span> </span> </a> </div>

我想使用jquery将css应用到当前悬停的具有相同锚类的锚。每个锚点都有一个具有相同类但属于不同父级的锚点

我假设我需要遍历所有元素以匹配悬停元素的类，但必须承认我有点迷路了。任何帮助都将不胜感激

试试看

var $as = $('.week > a').hover(function(){
    $as.not(this).filter('.' + this.className).addClass('test')
}, function(){
    $as.not(this).filter('.' + this.className).removeClass('test')
})

---

演示：

用简短的标记刷新问题—您实际需要什么。有点困惑。。。将鼠标悬停在某个锚点上时，是否要高亮显示具有所有相同类的其他锚点，或高亮显示具有任何一个类的任何锚点？