Question

当我点击“了解详情”时，按钮我想制作第三个链接＆＃39;按钮显示为已选中。对此有何解决方案？

HTML

<ul>
    <li><a href="#">First Link</a></li>
    <li><a href="#">Second Link</a></li>
    <li><a href="#">Third Link</a></li>
    <li><a href="#">Fourth Link</a></li>
    <li><a href="#">Fifth Link</a></li>
</ul>
<ul>
    <li><a class="learnmore" href="#">Learn More</a></li>
</ul>

jquery的

$('a').click( function() {
    $('a').not(this).removeClass('selected');
    $(this).addClass('selected');
});

Fiddle

Answer 1

在第三个链接中添加一个类，以便您可以帮助jQuery识别它。

<li><a href="#" class="third">Third Link</a></li>

如果点击了.selected类的锚，则指示您的代码将.learnmore类添加到其中。

$('a').click( function() {
$('a').not(this).removeClass('selected');
$(this).addClass('selected');
// new code below
if ($(this).hasClass('learnmore')) {
    $('a.third').addClass('selected');
};

Fiddle here.

标签链接系统

1 个答案: