jQuery toggleClass - 一次突出显示一个链接？

Question

我有一个页面上的链接列表,当用户点击我希望它突出显示的链接时,同时我希望其余的链接变得不突出.在http://api.jquery.com/toggleClass/中间的演示 完全符合我的要求,但它允许您一次突出显示许多链接.任何人都可以建议我需要调整以使其工作吗？非常感谢.

Answer 1

我建议使用类似的东西:

$('a').click(
function(e){
    e.preventDefault; // don't follow the link
    $('.highlight').removeClass('highlight');
    $(this).addClass('highlight')
});

JS小提琴演示.

e.preventDefault;在链接后停止浏览器.您可能希望删除此行,也可能不希望删除此行.

$('.highlight').removeClass('highlight');选择class-name'highlight'的所有元素并删除它class,这样任何时候只有一个链接可以拥有该类.

$(this).addClass('highlight');只需将类名"highlight"添加到this元素(a在本例中).

参考文献:

• e.preventDefault.
• removeClass().
• addClass().