标签链接系统[关闭]答案

【问题标题】：Hashtag Link System [closed]标签链接系统[关闭]
【发布时间】：2014-04-30 05:32:44
【问题描述】：

当我点击“了解更多”按钮时，我想让“第三链接”按钮显示为选中状态。有什么解决办法吗？

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

【问题讨论】：

从您的问题中也不清楚您到底需要什么。您需要知道如何引用“第三链接”元素吗？它会永远是一组中的第三个吗？还是您希望能够在它出现的任何地方引用它？ introductions on the jQuery site 可能有助于您入门。
感谢您的回复。我想在它出现的任何地方引用它。（例如，当您单击“了解更多”按钮时，它会将 .selected 类添加到“第三链接”按钮。我希望页面周围有更多按钮，例如“注册”，而不是添加 .selected类让我们说“第一个链接”按钮。
问一个关于如何做你需要做的事情的问题，而不是要求别人为你做所有的工作。如果您发现了 jQuery 选择器（特别是通过类或 ID）并尝试创建另一个 jQuery 处理程序仅为了解更多标记，那么您会顺利进行..跨度>

标签： jquery html css menu hashtag

【解决方案1】：

为你的第三个链接添加一个类，以便你可以帮助 jQuery 识别它。

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

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

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

Fiddle here.

【讨论】：

太棒了！谢谢你的帮助！ :)