我的 CodePen: http ://codepen.io/leongaban/pen/IGcBa
我有一个包含 5 个项目的数组:
var home = {
faqmenu : ['faq-general',
'faq-protecting',
'faq-search',
'faq-incoming',
'faq-requests']
};
而我的标记中的简单列表菜单,我使用标签data-pane
来指示单击了哪个按钮。然后在我的 jQueryfaqpane = $(this).data('pane');
中,它是如何找出单击了哪个按钮的。
<li id="faq-general" data-pane="faq-general" class="faq-menu-item faq-blue">
<span>General Questions</span>
</li>
<li id="faq-protecting" data-pane="faq-protecting" class="faq-menu-item">
<span>Protecting Your Data</span>
</li>
...
我正在尝试构建一个简单的 Case Switch 功能,它将找出单击了哪个按钮,现在有了这些信息,我需要对单击的按钮以及未单击的项目执行一些操作。
对单击的按钮进行操作很容易,但是如何定位所有其他未单击的项目并更改其 CSS?
$('.faq-menu-item').click(faqMenuShow);
function faqMenuShow(event) {
faqpane = $(this).data('pane');
console.log('The clicked faqpane is: '+faqpane);
switch (faqpane) {
case 'faq-general':
// Do stuff on the faq-general button - easy
jQuery.each(home.faqmenu, function(index, value) {
console.log(this);
return (this != "faq-general");
});
// ^ For items that are NOT faq-general
// remove this class: .parent().removeClass('faq-blue');
break;
case 'faq-protecting':
break;
case 'faq-search':
break;
case 'faq-incoming':
break;
case 'faq-requests':
break;
}
};
我console.log(this);
的jQuery each
函数在控制台中将其吐出:
您将如何查找未选择的项目并运行一些基本功能,例如删除它们的类/css?
我的 CodePen: http ://codepen.io/leongaban/pen/IGcBa