JQuery динамическая вкладка цвета (все, кроме одной вкладки)

Question

У меня есть UL с классом «вкладки» один Ли класс «активный»

Вкладка «активный», очевидно, меняется, как пользователь нажимает на другая вкладка и используется так, чтобы ее цвет отличался от остальных.

Что я хочу сделать, это выбрать все ли в «вкладках» UL EXCEPT для активного и установить каждый из них другим цветом, добавив CSS-фон для каждого. Количество вкладок может различаться в зависимости от того, на какой странице они находятся на IE Одна страница может иметь четыре вкладки, но другая может иметь 6 или 7.

Если я хватал их всех, у меня не было бы проблемы, но я не уверен, как пойдите, чтобы попытаться исключить активную вкладку, так как я планировал использовать Nth, которая ВКЛЮЧАЕТ активную вкладку?

Любая помощь приветствуется.

Answer 1

Вы можете использовать .not():

$('ul.tabs li').not('.active').css({ ... }); 

Вы можете перебирать их с помощью .each():

$('ul.tabs li').not('.active').each(function() { ... }); 

Edit: Предполагая то, что у вас есть какой-нибудь способ определения, какая вкладка должна иметь которая фона, вот пример этого в использовании: JSFiddle.

Answer 2

Предполагая, что «активный» - это то, что применяется к контейнеру табуляции, когда его щелкнул, а все вкладки имеют что-то вроде class = «tab», что-то вроде этого должно быть достаточно.

$(".tab").each(funciton() { 
    if (!$(this).hasClass("active")) 
    { 
      $(this).addClass("myBackground"); 
    } 
}); 

Answer 3

Если вы хотите сделать это в CSS3 вы можете использовать это:

:not(p) 
{ 
background:#ff0000; 
} 

Это задает цвет фона для всех элементов, которые не являются элементом «р». Дополнительная информация: http://kilianvalkhof.com/2008/css-xhtml/the-css3-not-selector/