由于我的nav-tabs结构中的一些特殊结构，试图解决基本的JS DOM加入问题。
基于我刚刚制作的工作小提琴：https://jsfiddle.net/d5fnswwa/
我应该如何进行处理，以便将.active类从一个标签动态切换到另一个标签，并使用这个＆＃39;恢复＆＃39; HTML结构（li标签之外的标签，而不是相反的方式），例如：
<a href="#red" data-toggle="tab"><li class="active">Red</li></a>
<a href="#orange" data-toggle="tab"><li >Orange</li></a>
<a href="#yellow" data-toggle="tab"><li >Yellow</li></a>
<a href="#green" data-toggle="tab"><li >Green</li></a>
<a href="#blue" data-toggle="tab"><li >Blue</li></a>
而不是实际：
<li class="active"><a href="#red" data-toggle="tab">Red</a></li>
<li><a href="#orange" data-toggle="tab">Orange</a></li>
<li><a href="#yellow" data-toggle="tab">Yellow</a></li>
<li><a href="#green" data-toggle="tab">Green</a></li>
<li><a href="#blue" data-toggle="tab">Blue</a></li>
感谢您的帮助