上一个/下一个兄弟姐妹

Question

$(document).ready(function() {
    var activeTab = $('#tabs menu.active');
    var prevTab = activeTab.closest('.menu').prev();
    var nextTab = activeTab.closest('.menu').next();
    prevTab.addClass('prev');
    nextTab.addClass('next');

});

http://jsfiddle.net/qS4LN/

它似乎不起作用，我做错了什么？我需要将{class prev和next添加到active标签周围的标签页。

Answer 1

您错过了选择器上的第一个句号。您的代码是：

var activeTab = $('#tabs menu.active');

菜单是一个课程，需要它自己的时间。将代码更改为：

var activeTab = $('#tabs .menu.active');

Answer 2

更新jsfiddle

$(document).ready(function() {
    var activeTab = $('#tabs ul.menu.active');
    var prevTab = activeTab.closest('.menu').prev();
    var nextTab = activeTab.closest('.menu').next();
    prevTab.addClass('prev');
    nextTab.addClass('next');

});

Answer 3

你在第二行选择器上缺少一个点，更改var activeTab = $（＆＃39; #tabs menu.active＆＃39;）; to var activeTab = $（＆＃39; #tabs ul.menu.active＆＃39;）;