Question

你好，这是我第一次来这里 - 请放轻松我！

我正在努力寻找我的问题的答案：

如何在单击其他链接时向链接添加和删除CSS .current 类。例如，使用以下代码：

<a class="boldthislink">Bold me?</a> <a class="boldhim">bold him</a> <a class="unboldhim">unbold him</a>

我想通过单击第二个链接使第一个链接变为粗体，然后通过单击第三个链接将其展开。 这可能吗？

另一个例子，

我的开发网站位于：Karls dev site

在我的开发网站上，当您点击第一段文字下方的“下一页”时，我想让<a>链接'背景'加下划线/粗体，这也会发送给您目前的下一个传播。然后在下一页上，当您点击“上一个或下一个”时，链接“背景”不再加下划线，只显示您所在的点差的导航链接，依此类推。

任何帮助都将非常感谢!!我是Jquery的初学者，我的大部分代码都是从各个地方采取的开源代码，所以可能看起来很有争议！： - ）

非常感谢，Karl。

Answer 1

裸露的最低代码（未经优化，优化，受到爱戴，受过教育或以其他方式善待）：

$('a.boldhim').click(function ()
{
    $('a.boldthislink').addClass('current');
});

$('a.unboldhim').click(function ()
{
    $('a.boldthislink').removeClass('current');
});

确保您在文档就绪处理程序中调用它，例如其中之一：

$(document).ready(function () { /* your code here */ });

或者这（上面的简写）：

$(function () { /* your code here */ });

Answer 2

每个jquery教程都涵盖了这些基本内容。试试这个： http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

注意选择器和事件。

Answer 3

$(document).ready(function() {
  $('.boldhim').click(function() {
    $('.boldthislink').css('font-weight', 'bold');
  });
  $('.unboldhim').click(function() {
    $('.boldthislink').css('font-weight', 'normal');
  });
});

或者在你的情况下，你可以这样做

$(document).ready(function() {
  $('.next').click(function() {
    $(a.current).removeClass('current').next().addClass('current');
  });
  $('.prev').click(function() {
    $(a.current).removeClass('current').prev().addClass('current');
  });
});

Answer 4

在本例中使用linkclass使它们成为同一个类。

$('.linkclass').click(function(){
  $('.current').removeClass('current');
  $(this).addClass('current');
});

这具有可扩展性的优势 - 您可以根据需要添加任意数量的链接，并且在任何给定时间只有一个链接为“当前”。

当使用jQuery单击另一个时，如何向链接添加和删除当前状态

4 个答案: