最適化jQueryのコード

Question

：

var active = '-active'; 
if ($j('body').hasClass('faqs')) { $j('.faqs-support').toggleClass('faqs-support' + active); } 
if ($j('body').hasClass('cameras')) { $j('.camera-support').toggleClass('camera-support' + active); } 
if ($j('body').hasClass('manuals')) { $j('.manuals-support').toggleClass('manuals-support' + active); } 
if ($j('body').hasClass('downloads')) { $j('.downloads-support').toggleClass('downloads-support' + active); } 

Answer 1

方法について：それは身体上ののみクラスなら

$j.each(['faqs', 'cameras', 'manuals', 'downloads'], function(i, e){ 
    if ($j('body').hasClass(e)) { 
    $j('.'+e+'-support').toggleClass(e+'-support-active'); 
    } 
}); 

Answer 2

var $body = $j('body'); 
var arr = ['faqs', 'cameras', 'manuals', 'downloads']; 
$j.each(arr, function(index, item) { 
    if($body.hasClass(item)) $j('.' + item + '-support').toggleClass(item + '-support-active'); 
}); 

は、私はそれを書くだろうかについてです。それほど短くないか、はるかに効率的ですが、はっきりしています。

Answer 3

、ちょうど完全なクラス名をつかむと、DOMの選択と.toggleClass()のためにそれを使用します。

var body_class = document.body.className + '-support'; 
$j('.' + body_class).toggleClass(body_class + '-active'); 

だけ1つの変更は'.camera-support'を'.cameras-support'に変更することです。体だけでこれらのクラスのいずれかを持つことができる場合（「s」を追加）

Answer 4

することはあなたが行うことができます：

var cls = $j('body').attr('class'); 
if(cls) 
    $j('.'+cls+'-support').toggleClass(cls+'-support-active');