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>