jquery 标签选择器 给点击的父元素添加上高亮样式并把它兄弟去掉样式

要实现的效果：

点击按钮元素，给按钮的父级元素添加高亮样式；并把父级元素的其它的兄弟元素去掉高亮样式。

操作步骤：

第1步：找到父级元素 

var element = $(this);
var parentDom = element.parent().parent();

 第2步：通过添加或删除高亮样式

//点击添加上高亮样式
if(parentDom.hasClass("measurTimeactive")){
   parentDom.removeClass("measurTimeactive");
}else{                
   parentDom.siblings().removeClass("measurTimeactive").end().addClass("measurTimeactive");
}

或者，

判断当前元素是否有高亮样式，如果没有，则把当前元素的兄弟元素移除且给当前元素加上

//点击添加上高亮样式
if(!parentDom.hasClass("measurTimeactive")){       
  parentDom.siblings().removeClass("measurTimeactive").end().addClass("measurTimeactive");
}

写在最后，这里列举了一个高亮样式： 

//css样式
.measurTimeactive{
  color:#4e75e3;  //字体变蓝
}