Jquery получить щелкнул меню выпадающего текста самозагрузку

Question

Я использую Bootstrap и я имею следующее выпадающее меню:

<div class="btn-group"> 
     <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 
       number of rooms 
      <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu"> 
       <li> 
        <a href="#" >1</a> 
       </li> 
       <li> 
        <a href="#" >2</a> 
       </li> 
       <li> 
        <a href="#" >3</a> 
       </li> 
       <li> 
        <a href="#" >4</a> 
       </li> 
       <li> 
        <a href="#" >5</a> 
        </li>    
      </ul> 
     </div> 

Я хочу, чтобы получить выделенный текст, когда я нажимаю на записи в раскрывающемся меню. Я пробовал:

$('.dropdown-menu :selected').text(); 
$('.dropdown-menu option:selected').text(); 
$('.dropdown-menu').find('option:selected').text(); 
$('.dropdown-menu li a').text(); //returns 12345 
$('.dropdown-menu > .active').text(); 
... 

, но он не работает. Что я делаю не так ? Thx

EDIT На самом деле я абсолютно не знаком с Javascript (я разработчик java). Я использую Backbone и хотел бы иметь что-то вроде этого:

window.RoomView = Backbone.View.extend({ 

events : { 
    "click .dropdown-menu"  : "test" 
} 

test : function(){ 
//display selected text 
} 

Answer 1

"click .dropdown-menu a" : "displayRoomConfigForms" 

displayRoomConfigForms: function(event){ 
    var text = $(event.currentTarget).text(); 
} 

сделал

Answer 2

Это зависит от того, имеете вы вы хотите, чтобы получить текст внутри существующей функции, или просто вообще:

$('.dropdown-menu a').click(function() { 
    var text = $(this).text(); 
}); 

I 'm не является экспертом в области позвоночника, но, возможно, ...

events : { 
    "click .dropdown-menu a"  : "test" 
} 

test : function(){ 
    //display selected text 
    var text = $(this).text(); 
} 

Answer 3

Просто сделайте это.

$('.dropdown-menu li a').click(function() { 
    alert($(this).text()); 
});