Jquery 如何通过元素点击事件取消选择UI的li可选？

我想通过单击其他元素取消选中选定的li。例如：

    <style>
    #feedback { font-size: 1.4em; }
    #selectable .ui-selecting { background: #FECA40; }
    #selectable .ui-selected { background: #F39814; color: white; }
    #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
    #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }
    </style>
    <script>
    $(function() {
        $( "#selectable" ).selectable();
    });
    </script>



<div class="demo">

<ol id="selectable">
    <li class="ui-widget-content"><a href="">link can not click</a></li>
    <li class="ui-widget-content">Item 2</li>
    <li class="ui-widget-content">Item 3</li>
    <li class="ui-widget-content">Item 4</li>
    <li class="ui-widget-content">Item 5</li>
    <li class="ui-widget-content">Item 6</li>
    <li class="ui-widget-content">Item 7</li>
</ol>

<a href="">click me to unselected</a>

</div><!-- End demo -->

#反馈{字体大小：1.4em；}
#可选。用户界面选择{背景：#FECA40；}
#可选。ui已选择{背景：#F39814；颜色：白色；}
#可选{列表样式类型：无；边距：0；填充：0；宽度：60%；}
#可选li{边距：3px；填充：0.4em；字体大小：1.4em；高度：18px；}
$（函数（）{
$（“#可选”）.selective（）；
});

第2项
第3项
第4项
第5项
第6项
第7项

非常感谢

看起来效果不错（从我刚才的问题中）：

---

只是删除了“ui selected”属性就好了？？？@qinHaiXiang没问题。记住标记正确答案：o）

<a href="#" id="unselect">click me to unselected</a>

$('#unselect').click(function(event) {
  $('#selectable>li').removeClass('ui-selected');
});