jquery - open - select2 set value

¿Hay alguna forma de comprobar si un elemento ya tiene jquery select2 aplicado?

Question

Quiero aplicar select2 a un grupo de elementos jquery en la página, todos tienen el mismo nombre de clase, pero parece que si llamo a select2 () en un elemento que ya tenía un select2 () llamado, entonces explota. aqui esta mi codigo

 $(''.MyDropdowns'').each(function (i, obj) {
$(obj).select2({ width: "455px" });
});

Así que quiero algo como:

 $(''.MyDripdowns'').each(function (i, obj) {
if (!$(obj).HasSelect2Initiatized)
{
$(obj).select2({ width: "455px" });
}
});

¿Existe algo como esto?

Answer 1

Por encima de la respuesta es casi correcta.
Pero crea un problema cuando estamos agregando elementos dinámicamente en la misma página y aplicando select 2 al elemento recién creado.
En ese momento, el selector debe especificarse no solo con clase sino también con el tipo de entrada. Código de referencia PFB.

$(''inputp[type="text"].MyDripdowns'').each(curr_idx, curr_elem){
//Check if select 2 is already applied or not
if($(curr_elem).hasClass(''.select2-offscreen'')){
//Select 2 is already applied to this element
}
else{
//Apply Select 2 to this element
}
}

Answer 2

Solución de trabajo:

$(''.MyDripdowns:not([class^="select2"])'').each(function (i, obj) {
$(obj).select2({width: "455px"});
})

Campo de golf:

1. ^ = atributo comienza con selector
2. : no selector

Answer 3

puedes comprobar si el elemento tiene atributo select2

$(''.MyDripdowns'').each(function (i, obj) {
if (!$(obj).data(''select2''))
{
$(obj).select2({ width: "455px" });
}
});

EDITAR

Como @ Fr0zenFyr dijo en su comentario para v4.0, puedes usar:

if (!$(obj).hasClass("select2-hidden-accessible"))