jqueryrel属性

jqueryrel属性,jquery,attributes,hover,toggle,Jquery,Attributes,Hover,Toggle,我们有许多与rel属性相关的链接: <div class="team-tags"> <a class="s1" rel="t1 t2 t3" href="#">One</a> <a class="s2" rel="t2 t3" href="#">Two</a> <a class="s3" rel="t1" href="#">Three</a> <a class="s4" rel="t4 t6" re

我们有许多与
rel
属性相关的链接:

<div class="team-tags">
 <a class="s1" rel="t1 t2 t3" href="#">One</a>
 <a class="s2" rel="t2 t3" href="#">Two</a>
 <a class="s3" rel="t1" href="#">Three</a>
 <a class="s4" rel="t4 t6" ref="#">Four</a>
 <a class="s5" rel="t2 t5" href="#">Five</a>
</div>
每个链接的
rel
可以有多个值(如
class=“value1 value2 value3 value4”
)。每个值用于标记
  • 的类似

    rel=“t2 t3”
    标记一些文本和一些文本。等等

    主要思想-当我们将
    悬停在这些链接中时,脚本应该在
    中找到类相似的
    li
    s。团队
    列表并为它们切换
    活动

    例如,如果我们将
    鼠标悬停在
    rel=“t4 t6”
    链接上,脚本应该为
  • 一些文本
  • 一些文本
  • ,比如
  • 一些文本
  • 一些文本
  • 使用jQuery 1.3.2

    有什么想法吗

    谢谢。

    像这样:

    function getTeams(elem) {
        return $('.' + elem.rel.replace(' ', ', .'));
    }
    $('.team-tags a[rel]').hover(
        function() { getTeams(this).addClass('active'); },
        function() { getTeams(this).removeClass('active'); }
    );
    

    谢谢,请描述如何实现此功能。@Happy只需确保它的内部
    $(function(){…})
    ,但这就是您实现此功能所需的全部代码。@Happy:这是您的错。你打错了
    hover()
    。我发现了这个bug,它都在最后一个“}”);不需要“}”。我已经删除了它,现在它的工作。所以,这是你的错,编辑你的答案:)
    function getTeams(elem) {
        return $('.' + elem.rel.replace(' ', ', .'));
    }
    $('.team-tags a[rel]').hover(
        function() { getTeams(this).addClass('active'); },
        function() { getTeams(this).removeClass('active'); }
    );