var messageLi = $(".pw-message-tit li"); //点击tab切换 li
var messageUi = $(".js-messages"); //内容显示tab ul
for(var i=0; i<messageLi.length;i++){
messageLi[i].index = i;
messageLi[i].onclick = function(){
for(var i=0;i<messageLi.length;i++){
messageLi[i].className=""; //删除未选中tab类名
messageUi[i].style.display="none";
}
this.className="message-atv"; //添加一个选中类名
messageUi[this.index].style.display="block";
}
}
<div>
<ul class="pw-message-tit">
<li></li>
<li></li>
</ul>
</div>
<div>
<ul class="js-messages">
<li></li>
</ul>
<ul class="js-messages">
<li></li>
</ul>
</div>