特定のIDを持つブートストラップドロップダウンの値を変更するにはどうすればよいですか？

Question

私はこのような典型的なブートストラップドロップダウンがあります。

<div class="btn-group"> 
    <button type="button" class="btn btn-lg btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Default option<span class="caret"></span></button> 
    <ul id="my-select" class="dropdown-menu"> 
      <li data-value="10" role="presentation"><a href="#">Option 1</a></li> 
      <li data-value="20" role="presentation"><a href="#">Option 2</a></li> 
    </ul> 
</div> 

これは、特定のIDなしすべてのブートストラップドロップダウンのために完璧に動作します。idでこれを達成するために

$(".dropdown-menu li a").click(function() { 
    var selText = $(this).text(); 
    $(this).parents('.btn-group').find('.dropdown-toggle').html(selText + ' <span class="caret"></span>'); 
}); 

私の失敗した試みは、次のとおりです。

を

var mySelect = $('#my-select'); 

mySelect.find(".li a").click(function() { 
    ... 
} 

そして

$("#my-select .li a").click(function() { 
    ... 
} 

Answer 1

これは動作するはずです：

$("#my-select li a").click(function() { 

} 

.ドットは、クラス

のために使用されている

例：IDS

<button id="myButton" ...> 

$('#myButton')... 

Answer 2

試し用

<button class="myClass" ...> 

$('.myClass')... 

#シャープな使用この：

$("#myselect").click(function(){ 
... 
}); 

あなたは一意の要素