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

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 2

怎么样：

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

Answer 3

如果那是主体上的 only 类，只需获取完整的className，并将其用于DOM选择和.toggleClass()：

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

您需要进行一项更改，即将'.camera-support'更改为'.cameras-support'。（添加“s”。）

Answer 4

如果身体只能拥有其中一个类，那么你可以这样做：

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

优化jQuery代码

4 个答案: