我有两个<ul>
lists:
Item 1 A5
Item 2 A4
Item 3 A2
Item 4 A1
Item 5 A3
当我将鼠标悬停在任何位置时,我应该从哪里开始编写代码<li>
在任一列表中,它将突出显示第一个列表中的项目和第二个列表中相应的 A。
例如,将鼠标悬停在列表 1 中的“项目 3”上应突出显示该项目和列表 2 中的“A3”。
重要的:这些数字没有出现在列表的文本中,这只是为了帮助解释。实际的 HTML 看起来像这样:
<ul class="list1">
<li id="qq1">dfgfdgfdg</li>
....
</ul>
<ul class="list2">
<li id="aa1">cvbcvbcvb</li>
....
</ul>
如果您的 ID 保留该格式,则:
$(".list1 li, .list2 li").hover(function () {
var n = this.id.substr(2);
$("#qq" + n + ", #aa" + n).toggleClass("highlight");
});
Demo: http://jsfiddle.net/e37Yg/ http://jsfiddle.net/e37Yg/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)