Hashtag链接系统

Question

当我点击‘学习更多’按钮，我想让‘第三个链接’按钮显示为选定。有什么解决办法吗？

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

小提琴

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

小提琴在这里。