select2 - очистить все элементы, не работающие при таргетинге по классу

Question

У меня есть select2 combobox, из которого я хочу удалить все элементы.

Если таргетировать избранных с ID, то он работает:

$("#clearId").click(function(){ 
    $("#list").empty(); 
}); 

Однако, если я цель избранных с классом, он фактически удаляет выбрать из йот:

$("#clearClass").click(function(){ 
    $(".list").empty(); 
}); 

Это видно из следующей демонстрации: http://jsfiddle.net/NvrZu/

Мне нужно настроить таргетинг на выбор через класс.

Answer 1

Динамически добавленный родительский элемент выбора также получает класс .list, когда плагин обертывает исходный выбор, поэтому вы не просто удаляете параметры в элементе выбора, но также выбираете, когда вы освобождаете родителя элемент.

Исключая обертку добавлен плагин должен решить эту проблему:

$("#clearClass").click(function(){ 
    $(".list").not('.select2-container').empty(); 
}); 

FIDDLE

Answer 2

http://jsfiddle.net/mohammadAdil/NvrZu/1/

$("#clearClass").click(function(){ 
    $("select.list").empty(); 
}); 

У вас есть другой элемент с классом .list, что вы не хотите для опорожнения

это Див генерируется плагином со списком класса -

<div class="select2-container list" 

См На консоли ->http://jsfiddle.net/mohammadAdil/NvrZu/4/

Answer 3

   $("#list").empty(); 
       $("#list").select2('data', null);