jQuery的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>

和有一个 UL ：

<ul class="team">
 <li class="t1">Some text</li>
 <li class="t2">Some text</li>
 <li class="t3">Some text</li>
 <li class="t4">Some text</li>
 <li class="t5">Some text</li>
 <li class="t6">Some text</li>
</ul>

相对的每一个环节可以有多个值（如类=值1值2值3 VALUE4）。每个值用于标记相似的类的＆LT;李方式＆gt;

rel of each link can have multiple values (like class="value1 value2 value3 value4"). Each value is used to mark similar class of <li>.

的rel =T2 T3标记＆LT;李班=T2＆GT;有的文字＆lt; /李＆GT; 和＆LT;李班=T3＆GT;有的文字＆lt; /李＆GT; 。等等。

主要思路 - 当我们悬停这些链接，脚本应该找到里 s的内部 .team 列表同级和切换有效类他们。

The main idea - when we hover any of these links, script should find lis with similar class inside .team list and toggle active class for them.

例如，如果我们悬停与的rel =T4 T6，脚本应该切换类活跃为＆LT;李班=T4＆GT;有的文字＆lt; /李＆GT; 和＆LT ;李班=T6＆GT;有的文字＆lt; /李＆GT; ，如＆LT;李班=T4活跃＆GT;有的文字＆lt; /李＆GT; 和＆LT;李班=T6活跃＆GT;有的文字＆lt; /李方式＆gt;

For example, if we hover link with rel="t4 t6", script should toggle class active for <li class="t4">Some text</li> and <li class="t6">Some text</li>, like <li class="t4 active">Some text</li> and <li class="t6 active">Some text</li>.

1.3.2 jQuery的使用。

jQuery 1.3.2 is used.

任何想法？

感谢。

推荐答案

这样的：

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

这篇关于jQuery的rel属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！