Select 如何获得特定';李';特定类别

Select 如何获得特定';李';特定类别,select,jquery-selectors,click,menuitem,Select,Jquery Selectors,Click,Menuitem,我正在使用jquery菜单UI。触发“选择”功能后,将向所选项目添加一个类,该类在取消高亮显示以前的选择时使用颜色高亮显示该项目。在这段代码中,我有一个按钮,我想在单击按钮后提醒选择的文本值。问题不在于我不能提醒该值,而是如果我在列表中选择了第三行或第四行的内容,则会显示前三行或第二行项目以及已单击的项目的提醒框。我可以使用什么代码将警报值限制为仅使用添加颜色的类高亮显示的选择 <script> $(function(){

我正在使用jquery菜单UI。触发“选择”功能后,将向所选项目添加一个类,该类在取消高亮显示以前的选择时使用颜色高亮显示该项目。在这段代码中,我有一个按钮,我想在单击按钮后提醒选择的文本值。问题不在于我不能提醒该值,而是如果我在列表中选择了第三行或第四行的内容,则会显示前三行或第二行项目以及已单击的项目的提醒框。我可以使用什么代码将警报值限制为仅使用添加颜色的类高亮显示的选择

<script>
              $(function(){

                $(".menu").menu({

                    select: function (event, ui) {

                     $('.selected', this).removeClass('selected');

                         // add the css class as well as get the text value of the selection

                        var selection = ui.item.addClass('selected').text();


                            $("button").click(function(){

                                alert(selection);

                           }); //closes click()

                  }// closes select function

               });// closes menu  


    });
</script>

<ul class="menu" id="menu">
                <li><a href="#" id="artStudies" class="academic"><img src="" alt="" /><h2>Academic: Art Studies</h2></a></li>
                <li><a href="#" id="Literature" class="academic"><img src="" alt="" /><h2>Academic: Literature</h2></a></li>
                <li><a href="#" id="socialSci" class="academic"><img src="" alt="" /><h2>Academic: Social Sciences</h2></a></li>
                <li><a href="#" id="physicalSci" class="academic"><img src="" alt="" /><h2>Academic: Physical/Natural Sciences</h2></a></li>
</ul>

$(函数(){
$(“.menu”).menu({
选择:功能(事件、用户界面){
$('.selected',this.removeClass('selected');
//添加css类并获取所选内容的文本值
var selection=ui.item.addClass('selected').text();
$(“按钮”)。单击(函数(){
警报(选择);
});//关闭单击()
}//关闭选择功能
});//关闭菜单
});

您将在每次选择时多次将单击事件绑定到按钮。移除按钮点击绑定并将其置于菜单功能之外。看

 $(function () {
   var selection ;
   $(".menu").menu({

     select: function (event, ui) {

       $('.selected', this).removeClass('selected');

       // add the css class as well as get the text value of the selection

       selection = ui.item.addClass('selected').text();

     } // closes select function

   }); // closes menu  

   $("button").on('click', function () {

     alert(selection);

   }); //closes click()
});