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>