jquery - jQuery从重复项中删除类

Question

我有一个 jQuery 解决方法，允许链接在移动设备上激活其子菜单，而无需导航到单击的链接，直到第二次单击。

jQuery('ul.nav > li.parent > a').click(function(event){
  if (jQuery(this).parent().hasClass('firstClick')) {
  } 
  else {
    event.preventDefault();
    jQuery(this).parent().addClass('firstClick')
  }
});

我想要它，所以当我addClass('firstClick')在 else 中时，它还会找到所有其他具有“firstClick”类的列表项并将其删除。我尝试添加

find('ul.nav > li.firstClick').removeClass('firstClick');

到else，但无济于事。任何帮助将不胜感激，谢谢。

Answer 1

尝试这个：

jQuery('ul.nav > li.parent > a').click(function(event){
  if (jQuery(this).parent().hasClass('firstClick')) {
  } 
  else {
    event.preventDefault();
    jQuery('.firstClick').removeClass('firstClick'); //remove class
    jQuery(this).parent().addClass('firstClick');
  }
});

Answer 2

jQuery('ul.nav > li.parent > a').click(function (event) {
    var $li = jQuery(this).parent()
    if (!$li.hasClass('firstClick')) {
        event.preventDefault();
        $li.addClass('firstClick')
        $li.siblings('.firstClick').removeClass('firstClick')
    }
});