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'); }
);