クラスは、私は内容で新しい<strong>李</strong>タグを挿入する。この上記のコードではjQueryのまたはJavaScript

Question

<div class="chosen-container chosen-container-single chosen-container-single-nosearch" style="width: 169px;" title="" id="activationTime_chosen"> 
    <a class="chosen-single" tabindex="-1"> 
     <span>Select Time Slot</span> 
     <div><b></b></div> 
    </a> 
    <div class="chosen-drop"> 
    <div class="chosen-search"><input type="text" autocomplete="off" readonly=""></div> 
    <ul class="chosen-results"><li class="active-result result-selected" data-option-array-index="0">Select Time Slot</li></ul> 
    </div> 
</div> 

を使用して、その値を追加するクラス選ばれ、その結果にセレクタを見つけることがイムことができません見つけることができません

私が使用したコードを使用すると、電源、カスタムselectboxesにjQueryの選ばれたプラグインを使用している、掲載HTML構造によれば

$('#activationTime_chosen .chosen-drop').find('.chosen-results').append('<li class="active-result" value="' + timeSlotEqualsSeperated[0] + '">' + timeSlotEqualsSeperated[1] + '</li>'); 

Answer 1

です。それが動作する方法は、ドロップダウンを表示する直前に.chosen-resultsコンテナを動的に生成することです。

ドロップダウンリストをカスタマイズしたい場合は、chosen:showing_dropdownイベントにバインドし、そこから新しい項目をリストに追加することをお勧めします。

これはあなたのために働く必要があります。その私のために働いて

$('#your-select-element').on('chosen:showing_dropdown', function(e, data) { 
    var $container = data.chosen.container 
    $container.find('.chosen-results').append('<li class="active-result" value="' + timeSlotEqualsSeperated[0] + '">' + timeSlotEqualsSeperated[1] + '</li>') 
})