jquery 添加点击添加class样式 移除兄弟元素样式

<ul class="nav nav-tabs margin-top" id="before_click">
<li ><a href="{:U(\'Home/Qrcode/add\')}">创建二维码数据</a></li>
<li ><a href="{:U(\'Home/Reply/index\')}">回复语模板</a></li>
<li ><a href="{:U(\'Home/Qrcodebatch/add\')}">批量生产</a></li>
<li ><a href="{:U(\'Home/Qrcode/index\')}">数据管理</a></li>
<li ><a href="{:U(\'Home/Exporting/index\')}">导出数据</a></li>
<li ><a href="{:U(\'Home/Productionrecord/index\')}">生产记录</a></li>
<li ><a href="{:U(\'Home/Product/index\')}">产品管理</a></li>
</ul>

<script>
$(function(){
$("#before_click li").click(function() {
$(this).siblings(\'li\').removeClass(\'active\'); // 删除其他兄弟元素的样式
$(this).addClass(\'active\'); // 添加当前元素的样式
/* if($(this).text() == "创建二维码数据"){
window.parent.location=\'{:U(\'Home/Qrcode/add\')}\';
} */
});
});
</script>